Changeset 5938bc9 for frontend/src/App.tsx

Timestamp:

02/07/26 14:59:57 (5 months ago)

Author:

Filip Gavrilovski <filipgavrilovski28@…>

Branches:

main

Children:

ebdd3d4

Parents:

591919d

Message:

fix bug that prevented unauthenticated users to see top songs

File:

• frontend/src/App.tsx (modified) (3 diffs)

frontend/src/App.tsx

@@ -4 +4 @@
 import "react-toastify/dist/ReactToastify.css";
 import Sidebar from "./components/Sidebar";
+import { useAuth } from "./context/authContext";
 import AllUsers from "./pages/AllUsers";
 import LandingPage from "./pages/LandingPage";
@@ -12 +13 @@
 import UserDetail from "./pages/UserDetail";
 
-const Layout = () => {
-        const [isSidebarOpen, setIsSidebarOpen] = useState(true);
+const MainLayout = () => {
+        const { user } = useAuth();
+        const [isSidebarOpen, setIsSidebarOpen] = useState(!!user);
 
         return (
@@ -43 +45 @@
                 </div>
         );
+};
+
+const Layout = () => {
+        const { isAuthLoading } = useAuth();
+
+        if (isAuthLoading) {
+                return (
+                        <div className="flex h-screen items-center justify-center bg-[#121212]">
+                                <div className="w-12 h-12 border-4 border-white/10 border-t-[#1db954] rounded-full animate-spin"></div>
+                        </div>
+                );
+        }
+
+        return <MainLayout />;
 };