diff --git a/src/app/dashboard/settings/_components/appearance-settings.tsx b/src/app/dashboard/settings/_components/appearance-settings.tsx
deleted file mode 100644
index df60518..0000000
--- a/src/app/dashboard/settings/_components/appearance-settings.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { ModeSwitcher } from "./mode-switcher";
-import { ThemeSelector } from "./theme-selector";
-
-export function AppearanceSettings() {
- return (
-
-
-
-
- );
-}
diff --git a/src/app/dashboard/settings/_components/mode-switcher.tsx b/src/app/dashboard/settings/_components/mode-switcher.tsx
deleted file mode 100644
index f39ae89..0000000
--- a/src/app/dashboard/settings/_components/mode-switcher.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-"use client";
-
-import { useTheme } from "~/components/providers/theme-provider";
-import { Sun, Moon, Laptop } from "lucide-react";
-import { Tabs, TabsList, TabsTrigger } from "~/components/ui/tabs";
-
-export function ModeSwitcher() {
- const { theme, setTheme } = useTheme();
-
- return (
-
-
-
-
- {theme === "system"
- ? "Follows system preference"
- : `Currently in ${theme} mode`}
-
-
-
setTheme(value as "light" | "dark" | "system")}
- className="w-auto"
- >
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/app/dashboard/settings/_components/settings-content.tsx b/src/app/dashboard/settings/_components/settings-content.tsx
index a8cb4b9..749b165 100644
--- a/src/app/dashboard/settings/_components/settings-content.tsx
+++ b/src/app/dashboard/settings/_components/settings-content.tsx
@@ -62,12 +62,12 @@ import { Textarea } from "~/components/ui/textarea";
import { api } from "~/trpc/react";
import { Switch } from "~/components/ui/switch";
import { Slider } from "~/components/ui/slider";
-import { AppearanceSettings } from "./appearance-settings";
import { useAnimationPreferences } from "~/components/providers/animation-preferences-provider";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs";
export function SettingsContent() {
const { data: session } = authClient.useSession();
+ // const session = { user: null } as any;
const [name, setName] = useState("");
const [deleteConfirmText, setDeleteConfirmText] = useState("");
const [importData, setImportData] = useState("");
@@ -294,7 +294,10 @@ export function SettingsContent() {
if (profile?.name && !name) {
setName(profile.name);
}
- }, [profile?.name, name]);
+ if (session?.user) {
+ setName(session.user.name ?? "");
+ }
+ }, [session, profile?.name, name]);
// (Removed direct DOM mutation; provider handles applying preferences globally)
@@ -490,21 +493,7 @@ export function SettingsContent() {
- {/* Appearance Settings */}
-
-
-
-
- Appearance
-
-
- Customize the look and feel of the application
-
-
-
-
-
-
+ {/* Theme follows system preferences automatically via CSS media queries */}
{/* Accessibility & Animation */}
diff --git a/src/app/dashboard/settings/_components/theme-selector.tsx b/src/app/dashboard/settings/_components/theme-selector.tsx
deleted file mode 100644
index 418677d..0000000
--- a/src/app/dashboard/settings/_components/theme-selector.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Check } from "lucide-react";
-import { cn } from "~/lib/utils";
-import {
- Tooltip,
- TooltipContent,
- TooltipProvider,
- TooltipTrigger,
-} from "~/components/ui/tooltip";
-import { Button } from "~/components/ui/button";
-import { useColorTheme } from "~/components/providers/color-theme-provider";
-
-const themes = [
- { name: "slate", hex: "#64748b" },
- { name: "blue", hex: "#3b82f6" },
- { name: "green", hex: "#22c55e" },
- { name: "rose", hex: "#be123c" },
- { name: "orange", hex: "#ea580c" },
-];
-
-export function ThemeSelector() {
- const { colorTheme, setColorTheme } = useColorTheme();
-
- return (
-
-
-
- Select a theme for the application.
-
-
-
- {themes.map((t) => (
-
-
-
-
-
- {t.name}
-
-
- ))}
-
-
-