aboutsummaryrefslogtreecommitdiffstats
path: root/apps/web/components/dashboard/sidebar/SidebarProfileOptions.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'apps/web/components/dashboard/sidebar/SidebarProfileOptions.tsx')
-rw-r--r--apps/web/components/dashboard/sidebar/SidebarProfileOptions.tsx68
1 files changed, 1 insertions, 67 deletions
diff --git a/apps/web/components/dashboard/sidebar/SidebarProfileOptions.tsx b/apps/web/components/dashboard/sidebar/SidebarProfileOptions.tsx
index c2ae493a..af3f1548 100644
--- a/apps/web/components/dashboard/sidebar/SidebarProfileOptions.tsx
+++ b/apps/web/components/dashboard/sidebar/SidebarProfileOptions.tsx
@@ -7,69 +7,12 @@ import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
- DropdownMenuSub,
- DropdownMenuSubContent,
- DropdownMenuSubTrigger,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
-import { useBookmarkLayout } from "@/lib/userLocalSettings/bookmarksLayout";
-import { updateBookmarksLayout } from "@/lib/userLocalSettings/userLocalSettings";
-import {
- Check,
- LayoutDashboard,
- LayoutGrid,
- LayoutList,
- LayoutPanelLeft,
- LogOut,
- Moon,
- MoreHorizontal,
- Paintbrush,
- Sun,
-} from "lucide-react";
+import { LogOut, Moon, MoreHorizontal, Paintbrush, Sun } from "lucide-react";
import { signOut } from "next-auth/react";
import { useTheme } from "next-themes";
-function BookmarkLayoutSelector() {
- const layout = useBookmarkLayout();
-
- const checkedComp = <Check className="ml-2 size-4" />;
-
- return (
- <>
- <DropdownMenuItem
- className="justify-between"
- onClick={async () => await updateBookmarksLayout("masonry")}
- >
- <div className="flex items-center gap-2">
- <LayoutDashboard className="size-4" />
- <span>Masonry</span>
- </div>
- {layout == "masonry" && checkedComp}
- </DropdownMenuItem>
- <DropdownMenuItem
- className="justify-between"
- onClick={async () => await updateBookmarksLayout("grid")}
- >
- <div className="flex items-center gap-2">
- <LayoutGrid className="size-4" />
- <span>Grid</span>
- </div>
- {layout == "grid" && checkedComp}
- </DropdownMenuItem>
- <DropdownMenuItem
- className="justify-between"
- onClick={async () => await updateBookmarksLayout("list")}
- >
- <div className="flex items-center gap-2">
- <LayoutList className="size-4" />
- <span>List</span>
- </div>
- {layout == "list" && checkedComp}
- </DropdownMenuItem>
- </>
- );
-}
-
function DarkModeToggle() {
const { theme } = useTheme();
@@ -109,15 +52,6 @@ export default function SidebarProfileOptions() {
<DropdownMenuItem onClick={toggleTheme}>
<DarkModeToggle />
</DropdownMenuItem>
- <DropdownMenuSub>
- <DropdownMenuSubTrigger>
- <LayoutPanelLeft className="mr-2 size-4" />
- <span>Layout</span>
- </DropdownMenuSubTrigger>
- <DropdownMenuSubContent>
- <BookmarkLayoutSelector />
- </DropdownMenuSubContent>
- </DropdownMenuSub>
<DropdownMenuItem
onClick={() =>
signOut({