feat: add admin layout components including Navbar and Sidebar, and update icon components

2025-02-23 12:18:10 +08:00
parent 47af75ebd3
commit 48ac1d6f4d
15 changed files with 307 additions and 18 deletions
@@ -0,0 +1,25 @@
+import { Link } from 'react-router'
+
+import { MENU } from './menu'
+
+export const Sidebar = () => {
+  return (
+    <div>
+      {MENU.map(({ group, items }) => (
+        <>
+          <div key={group}>{group}</div>
+          {items.map(({ title, url, icon: Icon }) => (
+            <Link
+              to={url}
+              key={`${group}-${title}`}
+              className="flex items-center gap-x-3 text-[#273240]"
+            >
+              <Icon className="h-[18px] w-[18px] text-[#A6ABC8]" />
+              <span>{title}</span>
+            </Link>
+          ))}
+        </>
+      ))}
+    </div>
+  )
+}