Settings Dialog

1"use client"
2 
3import * as React from "react"
4import {
5  Bell,
6  Check,
7  Globe,
8  Home,
9  Keyboard,
10  Link,
11  Lock,
12  Menu,
13  MessageCircle,
14  Paintbrush,
15  Settings,
16  Video,
17  type LucideIcon,
18} from "lucide-react"
19 
20import {
21  Breadcrumb,
22  BreadcrumbItem,
23  BreadcrumbLink,
24  BreadcrumbList,
25  BreadcrumbPage,
26  BreadcrumbSeparator,
27} from "@/components/ui/breadcrumb"
28import { Button } from "@/components/ui/button"
29import {
30  Dialog,
31  DialogContent,
32  DialogDescription,
33  DialogTitle,
34  DialogTrigger,
35} from "@/components/ui/dialog"
36import {
37  Sidebar,
38  SidebarContent,
39  SidebarGroup,
40  SidebarGroupContent,
41  SidebarMenu,
42  SidebarMenuButton,
43  SidebarMenuItem,
44  SidebarProvider,
45} from "@/components/ui/sidebar"
46import { Switch } from "@/components/ui/switch"
47 
48type Setting = {
49  key: string
50  title: string
51  description: string
52  defaultValue: boolean
53}
54 
55type SettingsSection = {
56  name: string
57  icon: LucideIcon
58  description: string
59  settings: Setting[]
60}
61 
62const sections: SettingsSection[] = [
63  { name: "Notifications", icon: Bell, description: "Choose how and when you receive updates.", settings: [{ key: "push-notifications", title: "Push notifications", description: "Receive notifications for new activity.", defaultValue: true }, { key: "email-summary", title: "Email summary", description: "Get a daily summary of unread activity.", defaultValue: false }] },
64  { name: "Navigation", icon: Menu, description: "Tune the way you move through your workspace.", settings: [{ key: "compact-navigation", title: "Compact navigation", description: "Use a denser navigation layout.", defaultValue: false }, { key: "remember-last-page", title: "Remember last page", description: "Return to the page you last visited.", defaultValue: true }] },
65  { name: "Home", icon: Home, description: "Personalize what you see when you open the app.", settings: [{ key: "recent-items", title: "Show recent items", description: "Show recently opened content on your home screen.", defaultValue: true }, { key: "suggestions", title: "Show suggestions", description: "Show recommendations based on your activity.", defaultValue: true }] },
66  { name: "Appearance", icon: Paintbrush, description: "Adjust your visual preferences.", settings: [{ key: "reduced-motion", title: "Reduce motion", description: "Limit non-essential animations.", defaultValue: false }, { key: "high-contrast", title: "High contrast", description: "Increase contrast for interface elements.", defaultValue: false }] },
67// … truncated