Simple settings page #3

2025-10-02 12:10:59 +02:00
parent d1c0650b4d
commit 99a1b3b264
10 changed files with 489 additions and 7 deletions
@@ -0,0 +1,54 @@
+"use client";
+
+import { useClientSettings } from "@/hooks/use-settings";
+import { setClientSettings } from "@/lib/clientSettings";
+import Settings from "./settings";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Card } from "@/components/ui/card";
+import { CardContent } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { ACCOUNT_SCHEMA, CLIENT_SCHEMA } from "@/types/settings";
+
+export default function SettingsPage() {
+  const [settings, setSettings] = useClientSettings();
+
+  return (
+    <Tabs className="mx-auto" defaultValue="client">
+      <TabsList className="mx-auto">
+        <TabsTrigger value="client">Client Settings</TabsTrigger>
+        <TabsTrigger value="account">Account Settings</TabsTrigger>
+      </TabsList>
+      <TabsContent value="client">
+        <Card className="w-xl mx-auto">
+          <CardContent className="flex flex-col gap-3">
+            <Settings
+              settings={settings}
+              setSettings={setSettings}
+              schema={CLIENT_SCHEMA}
+            />
+            <Button
+              onClick={() => setClientSettings(settings)}
+              variant="outline"
+            >
+              Save
+            </Button>
+          </CardContent>
+        </Card>
+      </TabsContent>
+      <TabsContent value="account">
+        <Card className="w-xl mx-auto">
+          <CardContent className="flex flex-col gap-3">
+            <Settings
+              settings={settings}
+              setSettings={setSettings}
+              schema={ACCOUNT_SCHEMA}
+            />
+            <Button onClick={() => {}} variant="outline">
+              Save
+            </Button>
+          </CardContent>
+        </Card>
+      </TabsContent>
+    </Tabs>
+  );
+}