feat(dashboard,ui): Streamline spacing and sizing (#6061)

2024-01-15 11:43:16 +01:00
parent 5dacd4ac9f
commit a2c149e7e5
266 changed files with 10738 additions and 4646 deletions
@@ -0,0 +1,40 @@
+import { BellAlert } from "@medusajs/icons"
+import { Drawer, Heading, IconButton } from "@medusajs/ui"
+import { useEffect, useState } from "react"
+
+export const Notifications = () => {
+  const [open, setOpen] = useState(false)
+
+  useEffect(() => {
+    const onKeyDown = (e: KeyboardEvent) => {
+      if (e.key === "n" && (e.metaKey || e.ctrlKey)) {
+        setOpen((prev) => !prev)
+      }
+    }
+
+    document.addEventListener("keydown", onKeyDown)
+
+    return () => {
+      document.removeEventListener("keydown", onKeyDown)
+    }
+  }, [])
+
+  return (
+    <Drawer open={open} onOpenChange={setOpen}>
+      <Drawer.Trigger asChild>
+        <IconButton
+          variant="transparent"
+          className="text-ui-fg-muted hover:text-ui-fg-subtle"
+        >
+          <BellAlert />
+        </IconButton>
+      </Drawer.Trigger>
+      <Drawer.Content>
+        <Drawer.Header>
+          <Heading>Notifications</Heading>
+        </Drawer.Header>
+        <Drawer.Body>Notifications will go here</Drawer.Body>
+      </Drawer.Content>
+    </Drawer>
+  )
+}