Update to Hilla 24

2026-06-15 16:20:03 +00:00 · 2024-08-22 10:55:22 +02:00
parent 042c326380
commit cb073c6bcf
52 changed files with 5944 additions and 4078 deletions
@@ -0,0 +1,47 @@
+import {Listbox, ListboxItem} from "@nextui-org/react";
+import {GearFine, Palette, User} from "@phosphor-icons/react";
+import {Outlet, useNavigate} from "react-router-dom";
+import {useState} from "react";
+
+export default function ProfileView() {
+    const navigate = useNavigate();
+    const [selectedKeys, setSelectedKeys] = useState(new Set(["profile"]));
+
+    const menuItems = [
+        {
+            title: "My Profile",
+            key: "profile",
+            icon: <User/>,
+            action: () => navigate('/profile')
+        },
+        {
+            title: "Appearance",
+            key: "appearance",
+            icon: <Palette/>,
+            action: () => navigate('appearance')
+        },
+        {
+            title: "Manage account",
+            icon: <GearFine/>,
+            key: "account-management",
+            action: () => navigate('account-management')
+        }
+    ]
+
+    return (
+        <div className="flex flex-row">
+            <div className="flex flex-col pr-8">
+                <Listbox className="min-w-60">
+                    {menuItems.map((i) => (
+                        <ListboxItem key={i.key} onPress={i.action} startContent={i.icon}>
+                            {i.title}
+                        </ListboxItem>
+                    ))}
+                </Listbox>
+            </div>
+            <div className="flex flex-col">
+                <Outlet/>
+            </div>
+        </div>
+    );
+}