asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(admin-ui): Lint all UI files (#3459)

Browse Source
This commit is contained in:
Kasper Fabricius Kristensen
2023-03-13 14:02:20 +01:00
committed by GitHub
parent 55febef7f1
commit ad7d7fcd51
432 changed files with 1593 additions and 1767 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
packages/admin-ui/ui/src/components/molecules/collapsible-tree/index.tsx
View File

@@ -22,9 +22,8 @@ type TCollapsibleTreeContext = {
toggle: () => void
}
const CollapsibleTreeContext = React.createContext<TCollapsibleTreeContext | null>(
null
)
const CollapsibleTreeContext =
React.createContext<TCollapsibleTreeContext | null>(null)
export const CollapsibleTree: CollapsibleTreeType = ({ children }) => {
const [open, setOpen] = React.useState(false)
@@ -66,7 +65,7 @@ const CollapsibleTreeContent: React.FC<CollapsibleTreeContentProps> = ({
return (
<div
className={clsx(
"pl-5 mt-xsmall",
"mt-xsmall pl-5",
{
hidden: !open,
"animate-fade-in-top": open,
@@ -100,15 +99,15 @@ const CollapsibleTreeParent: React.FC<CollapsibleTreeParentProps> = ({
<Container className={className}>
<div className="flex items-center justify-between">
<div className="gap-x-small flex items-center">{children}</div>
<div className="flex items-center gap-x-xsmall">
<div className="gap-x-xsmall flex items-center">
{actions && (
<Actionables customTrigger={Trigger()} actions={actions} />
)}
<div className="h-5 w-px rounded-circle bg-grey-20" />
<div className="rounded-circle bg-grey-20 h-5 w-px" />
<Button
variant="ghost"
size="small"
className="p-[6px] text-grey-50"
className="text-grey-50 p-[6px]"
onClick={toggle}
>
{open ? <MinusIcon size={20} /> : <PlusIcon size={20} />}
@@ -137,16 +136,16 @@ const CollapsibleTreeLeaf: React.FC<CollapsibleTreeLeafProps> = ({
return (
<div
className={clsx(
"col-tree flex items-center relative pb-xsmall last:pb-0",
"col-tree pb-xsmall relative flex items-center last:pb-0",
className
)}
>
<div className="absolute top-0 left-0 bottom-0">
<div className="border-l border-dashed border-grey-20 h-1/2 w-px" />
<div className="h-1/2 border-l border-dashed border-grey-20 w-px bottom-half-dash" />
<div className="border-grey-20 h-1/2 w-px border-l border-dashed" />
<div className="border-grey-20 bottom-half-dash h-1/2 w-px border-l border-dashed" />
</div>
<div className="w-[13px] h-px border-t border-grey-20 border-dashed mr-xsmall" />
<Container className="w-full flex items-center justify-between inter-small-regular">
<div className="border-grey-20 mr-xsmall h-px w-[13px] border-t border-dashed" />
<Container className="inter-small-regular flex w-full items-center justify-between">
{children}
{actions && (
<Actionables
@@ -169,7 +168,7 @@ const Container: React.FC<{ className?: string }> = ({
return (
<div
className={clsx(
"rounded-rounded border border-grey-20 py-2xsmall px-small",
"rounded-rounded border-grey-20 py-2xsmall px-small border",
className
)}
>
@@ -180,7 +179,7 @@ const Container: React.FC<{ className?: string }> = ({
const Trigger = () => {
return (
<Button variant="ghost" size="small" className="p-[6px] text-grey-50">
<Button variant="ghost" size="small" className="text-grey-50 p-[6px]">
<MoreHorizontalIcon size={20} />
</Button>
)