From 5dfece09b7285dda96875bbc740df803d816b92a Mon Sep 17 00:00:00 2001
From: Blake Matthes <cowchmonkey@gmail.com>
Date: Sun, 23 Mar 2025 10:05:27 -0500
Subject: [PATCH] refactor(login): removed all the data from teh login dropdown
 as it could cause issues

---
 frontend/src/routes/__root.tsx | 159 +++++++++++++++++----------------
 1 file changed, 81 insertions(+), 78 deletions(-)

diff --git a/frontend/src/routes/__root.tsx b/frontend/src/routes/__root.tsx
index 76ab55f..3568c2e 100644
--- a/frontend/src/routes/__root.tsx
+++ b/frontend/src/routes/__root.tsx
@@ -1,91 +1,94 @@
-import {createRootRoute, Link, Outlet} from "@tanstack/react-router";
+import { createRootRoute, Link, Outlet } from "@tanstack/react-router";
 //import {TanStackRouterDevtools} from "@tanstack/router-devtools";
 import Cookies from "js-cookie";
-import {SidebarProvider} from "../components/ui/sidebar";
-import {ThemeProvider} from "../components/layout/theme-provider";
-import {ModeToggle} from "../components/layout/mode-toggle";
-import {AppSidebar} from "../components/layout/lst-sidebar";
-import {Avatar, AvatarFallback, AvatarImage} from "../components/ui/avatar";
+import { SidebarProvider } from "../components/ui/sidebar";
+import { ThemeProvider } from "../components/layout/theme-provider";
+import { ModeToggle } from "../components/layout/mode-toggle";
+import { AppSidebar } from "../components/layout/lst-sidebar";
+import { Avatar, AvatarFallback, AvatarImage } from "../components/ui/avatar";
 import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuItem,
-    DropdownMenuLabel,
-    DropdownMenuSeparator,
-    DropdownMenuTrigger,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
 } from "../components/ui/dropdown-menu";
-import {SessionProvider} from "../components/providers/Providers";
-import {Toaster} from "sonner";
-import {Button} from "../components/ui/button";
+import { SessionProvider } from "../components/providers/Providers";
+import { Toaster } from "sonner";
+//import { Button } from "../components/ui/button";
 
-import {useSessionStore} from "../lib/store/sessionStore";
-import {useSession} from "@/hooks/useSession";
-import {useLogout} from "@/hooks/useLogout";
+import { useSessionStore } from "../lib/store/sessionStore";
+import { useSession } from "@/hooks/useSession";
+import { useLogout } from "@/hooks/useLogout";
 
 // same as the layout
 export const Route = createRootRoute({
-    component: () => {
-        const sidebarState = Cookies.get("sidebar_state") === "true";
-        const {session} = useSession();
-        const {user} = useSessionStore();
-        const logout = useLogout();
+  component: () => {
+    const sidebarState = Cookies.get("sidebar_state") === "true";
+    const { session } = useSession();
+    const { user } = useSessionStore();
+    const logout = useLogout();
 
-        return (
-            <>
-                <SessionProvider>
-                    <ThemeProvider>
-                        <nav className="flex justify-end">
-                            <div className="m-2 flex flex-row">
-                                <div className="m-auto pr-2">
-                                    <p>Add Card</p>
-                                </div>
-                                <div className="m-1">
-                                    <ModeToggle />
-                                </div>
-                                {session ? (
-                                    <div className="m-1">
-                                        <DropdownMenu>
-                                            <DropdownMenuTrigger>
-                                                <Avatar>
-                                                    <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
-                                                    <AvatarFallback>CN</AvatarFallback>
-                                                </Avatar>
-                                            </DropdownMenuTrigger>
-                                            <DropdownMenuContent>
-                                                <DropdownMenuLabel>Hello {user?.username}</DropdownMenuLabel>
-                                                <DropdownMenuSeparator />
-                                                <DropdownMenuItem>Profile</DropdownMenuItem>
+    return (
+      <>
+        <SessionProvider>
+          <ThemeProvider>
+            <nav className="flex justify-end">
+              <div className="m-2 flex flex-row">
+                <div className="m-auto pr-2">
+                  <p>Add Card</p>
+                </div>
+                <div className="m-1">
+                  <ModeToggle />
+                </div>
+                {session ? (
+                  <div className="m-1">
+                    <DropdownMenu>
+                      <DropdownMenuTrigger>
+                        <Avatar>
+                          <AvatarImage
+                            src="https://github.com/shadcn.png"
+                            alt="@shadcn"
+                          />
+                          <AvatarFallback>CN</AvatarFallback>
+                        </Avatar>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent>
+                        <DropdownMenuLabel>
+                          Hello {user?.username}
+                        </DropdownMenuLabel>
+                        <DropdownMenuSeparator />
+                        {/* <DropdownMenuItem>Profile</DropdownMenuItem>
                                                 <DropdownMenuItem>Billing</DropdownMenuItem>
                                                 <DropdownMenuItem>Team</DropdownMenuItem>
-                                                <DropdownMenuItem>Subscription</DropdownMenuItem>
-                                                <hr className="solid"></hr>
-                                                <DropdownMenuItem>
-                                                    <div className="m-auto mt-3">
-                                                        <Button onClick={() => logout()} variant="ghost">
-                                                            Logout
-                                                        </Button>
-                                                    </div>
-                                                </DropdownMenuItem>
-                                            </DropdownMenuContent>
-                                        </DropdownMenu>
-                                    </div>
-                                ) : (
-                                    <>
-                                        <Link to="/login">Login</Link>
-                                    </>
-                                )}
-                            </div>
-                        </nav>
-                        <SidebarProvider defaultOpen={sidebarState}>
-                            <AppSidebar />
-                            <Toaster expand={true} richColors closeButton />
-                            <Outlet />
-                        </SidebarProvider>
-                    </ThemeProvider>
-                </SessionProvider>
+                                                <DropdownMenuItem>Subscription</DropdownMenuItem> */}
+                        <hr className="solid"></hr>
+                        <DropdownMenuItem>
+                          <div className="m-auto">
+                            <button onClick={() => logout()}>Logout</button>
+                          </div>
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </div>
+                ) : (
+                  <div>
+                    <Link to="/login">Login</Link>
+                  </div>
+                )}
+              </div>
+            </nav>
+            <SidebarProvider defaultOpen={sidebarState}>
+              <AppSidebar />
+              <Toaster expand={true} richColors closeButton />
+              <Outlet />
+            </SidebarProvider>
+          </ThemeProvider>
+        </SessionProvider>
 
-                {/* <TanStackRouterDevtools position="bottom-right" /> */}
-            </>
-        );
-    },
+        {/* <TanStackRouterDevtools position="bottom-right" /> */}
+      </>
+    );
+  },
 });