diff options
Diffstat (limited to 'apps/web/components/dashboard/sidebar/SidebarProfileOptions.tsx')
| -rw-r--r-- | apps/web/components/dashboard/sidebar/SidebarProfileOptions.tsx | 68 |
1 files changed, 0 insertions, 68 deletions
diff --git a/apps/web/components/dashboard/sidebar/SidebarProfileOptions.tsx b/apps/web/components/dashboard/sidebar/SidebarProfileOptions.tsx deleted file mode 100644 index af3f1548..00000000 --- a/apps/web/components/dashboard/sidebar/SidebarProfileOptions.tsx +++ /dev/null @@ -1,68 +0,0 @@ -"use client"; - -import Link from "next/link"; -import { useToggleTheme } from "@/components/theme-provider"; -import { Button } from "@/components/ui/button"; -import { - DropdownMenu, - DropdownMenuContent, - DropdownMenuItem, - DropdownMenuTrigger, -} from "@/components/ui/dropdown-menu"; -import { LogOut, Moon, MoreHorizontal, Paintbrush, Sun } from "lucide-react"; -import { signOut } from "next-auth/react"; -import { useTheme } from "next-themes"; - -function DarkModeToggle() { - const { theme } = useTheme(); - - if (theme == "dark") { - return ( - <> - <Sun className="mr-2 size-4" /> - <span>Light Mode</span> - </> - ); - } else { - return ( - <> - <Moon className="mr-2 size-4" /> - <span>Dark Mode</span> - </> - ); - } -} - -export default function SidebarProfileOptions() { - const toggleTheme = useToggleTheme(); - return ( - <DropdownMenu> - <DropdownMenuTrigger asChild> - <Button variant="ghost"> - <MoreHorizontal /> - </Button> - </DropdownMenuTrigger> - <DropdownMenuContent className="w-fit"> - <DropdownMenuItem asChild> - <Link href="/dashboard/cleanups"> - <Paintbrush className="mr-2 size-4" /> - Cleanups - </Link> - </DropdownMenuItem> - <DropdownMenuItem onClick={toggleTheme}> - <DarkModeToggle /> - </DropdownMenuItem> - <DropdownMenuItem - onClick={() => - signOut({ - callbackUrl: "/", - }) - } - > - <LogOut className="mr-2 size-4" /> - <span>Sign Out</span> - </DropdownMenuItem> - </DropdownMenuContent> - </DropdownMenu> - ); -} |
