techdiary.dev/src/app/dashboard/_components/DashboardScaffold.tsx at e26a9f23fe97208ec466e137a8b986552e9bcaa1 · techdiary-dev/techdiary.dev · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
import {
  Sidebar,
  SidebarContent,
  SidebarFooter,
  SidebarGroupContent,
  SidebarHeader,
  SidebarMenu,
  SidebarMenuButton,
  SidebarMenuItem,
  SidebarProvider,
  SidebarTrigger,
} from "@/components/ui/sidebar";
import {
  Calendar,
  CommandIcon,
  Home,
  Inbox,
  Search,
  Settings,
} from "lucide-react";
import React, { PropsWithChildren } from "react";
import DashboardSidebar from "./DashboardSidebar";
import AuthenticatedUserMenu from "@/components/Navbar/AuthenticatedUserMenu";
import ThemeSwitcher from "@/components/Navbar/ThemeSwitcher";
import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
} from "@/components/ui/tooltip";
import LanguageSwitcher from "@/components/Navbar/LanguageSwitcher";

interface DashboardScaffoldProps {}

const items = [
  {
    title: "Home",
    url: "#",
    icon: Home,
  },
  {
    title: "Inbox",
    url: "#",
    icon: Inbox,
  },
  {
    title: "Calendar",
    url: "#",
    icon: Calendar,
  },
  {
    title: "Search",
    url: "#",
    icon: Search,
  },
  {
    title: "Settings",
    url: "#",
    icon: Settings,
  },
];

const DashboardScaffold: React.FC<
  PropsWithChildren<DashboardScaffoldProps>
> = ({ children }) => {
  return (
    <>
      <DashboardSidebar />
      <main className="w-full">
        <div className="p-4 flex items-center gap-2 justify-between">
          <TooltipProvider>
            <Tooltip>
              <TooltipTrigger asChild>
                <SidebarTrigger />
              </TooltipTrigger>
              <TooltipContent>
                <div className="flex items-center gap-2">
                  <CommandIcon className="size-4" />
                  <span>+</span>
                  <span className=" text-lg">b</span>
                </div>
              </TooltipContent>
            </Tooltip>
          </TooltipProvider>
          <div className="flex items-center gap-2">
            <LanguageSwitcher />
            <ThemeSwitcher />
            <AuthenticatedUserMenu />
          </div>
        </div>
        <div className="flex-1 p-4 wrapper mx-auto">{children}</div>
      </main>
    </>
  );
};

export default DashboardScaffold;