Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 15:26:33 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(settings-dialog): replace placeholder content with AppearanceSettings component

Browse Source
This commit is contained in:
cfngc4594 2025-03-06 23:25:23 +08:00
parent 8f6a4aee20
commit 56905f7e20
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/settings-dialog.tsx
View File

@ -25,6 +25,7 @@ import {
BreadcrumbPage, BreadcrumbPage,
BreadcrumbSeparator, BreadcrumbSeparator,
} from "@/components/ui/breadcrumb"; } from "@/components/ui/breadcrumb";
import AppearanceSettings from "./appearance-settings";
import { ScrollArea } from "@/components/ui/scroll-area"; import { ScrollArea } from "@/components/ui/scroll-area";
import { useSettingNavStore } from "@/store/useSettingNavStore"; import { useSettingNavStore } from "@/store/useSettingNavStore";
import { CodeXml, Globe, Paintbrush, Settings } from "lucide-react"; import { CodeXml, Globe, Paintbrush, Settings } from "lucide-react";
@ -58,7 +59,7 @@ export function SettingsDialog({ open, onClose }: SettingsDialogProps) {
<SidebarContent> <SidebarContent>
<SidebarGroup> <SidebarGroup>
<SidebarGroupContent> <SidebarGroupContent>
<SidebarMenu> <SidebarMenu className="pt-2">
{data.nav.map((item) => ( {data.nav.map((item) => (
<SidebarMenuItem key={item.name}> <SidebarMenuItem key={item.name}>
<SidebarMenuButton <SidebarMenuButton
@ -96,12 +97,16 @@ export function SettingsDialog({ open, onClose }: SettingsDialogProps) {
</header> </header>
<ScrollArea className="flex-1 overflow-y-auto p-4 pt-0"> <ScrollArea className="flex-1 overflow-y-auto p-4 pt-0">
<div className="flex flex-col gap-4"> <div className="flex flex-col gap-4">
{Array.from({ length: 10 }).map((_, i) => ( {activeNav === "Appearance" ? (
<div <AppearanceSettings />
key={i} ) : (
className="aspect-video max-w-3xl rounded-xl bg-muted/50" Array.from({ length: 10 }).map((_, i) => (
/> <div
))} key={i}
className="aspect-video max-w-3xl rounded-xl bg-muted/50"
/>
))
)}
</div> </div>
</ScrollArea> </ScrollArea>
</main> </main>