feat(dashboard): restructure create product flow (#7374)

2024-05-28 13:59:02 +02:00
parent 76ec10f375
commit 6117af2704
46 changed files with 3161 additions and 395 deletions
@@ -0,0 +1,50 @@
+import { PropsWithChildren } from "react"
+import { DataGridCellContainerProps } from "../types"
+
+type ContainerProps = PropsWithChildren<DataGridCellContainerProps>
+
+export const DataGridCellContainer = ({
+  isAnchor,
+  placeholder,
+  overlay,
+  wrapper,
+  children,
+}: ContainerProps) => {
+  return (
+    <div className="static size-full">
+      <div className="flex size-full items-start outline-none" tabIndex={-1}>
+        <div {...wrapper} className="relative size-full min-w-0 flex-1">
+          <div className="relative z-[1] flex size-full items-center justify-center">
+            <RenderChildren isAnchor={isAnchor} placeholder={placeholder}>
+              {children}
+            </RenderChildren>
+          </div>
+          {!isAnchor && (
+            <div
+              {...overlay}
+              tabIndex={-1}
+              className="absolute inset-0 z-[2] size-full"
+            />
+          )}
+        </div>
+      </div>
+      {/* {showDragHandle && (
+        <div className="bg-ui-bg-interactive absolute -bottom-[1.5px] -right-[1.5px] size-[3px]" />
+      )} */}
+    </div>
+  )
+}
+
+const RenderChildren = ({
+  isAnchor,
+  placeholder,
+  children,
+}: PropsWithChildren<
+  Pick<DataGridCellContainerProps, "isAnchor" | "placeholder">
+>) => {
+  if (!isAnchor && placeholder) {
+    return placeholder
+  }
+
+  return children
+}