implement setting page (#12)

2026-09-19 09:40:13 +00:00 · 2024-11-23 21:59:48 +08:00
parent 34b7a67ab0
commit b474400649
21 changed files with 941 additions and 36 deletions
@@ -0,0 +1,26 @@
+import {
+    Tabs,
+    TabsList,
+    TabsTrigger,
+} from "@/components/ui/tabs"
+import { Link, useLocation } from "react-router-dom"
+
+export const SettingsTab = ({ className }: { className?: string }) => {
+    const location = useLocation();
+
+    return (
+        <Tabs defaultValue={location.pathname} className={className}>
+            <TabsList className="grid w-full grid-cols-3">
+                <TabsTrigger value="/dashboard/settings" asChild>
+                    <Link to="/dashboard/settings">Config</Link>
+                </TabsTrigger>
+                <TabsTrigger value="/dashboard/settings/user" asChild>
+                    <Link to="/dashboard/settings/user">User</Link>
+                </TabsTrigger>
+                <TabsTrigger value="/dashboard/settings/waf" asChild>
+                    <Link to="/dashboard/settings/waf">WAF</Link>
+                </TabsTrigger>
+            </TabsList>
+        </Tabs>
+    )
+}