Changeset dc30259 for frontend/src/App.tsx

Timestamp:

02/07/26 15:34:33 (5 months ago)

Author:

Filip Gavrilovski <filipgavrilovski28@…>

Branches:

main

Children:

8a47b30

Parents:

ebdd3d4

Message:

add loading spinner; don't show sidebar for unauthenticated users

File:

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

frontend/src/App.tsx

@@ -1 @@
-import { useState } from "react";
-import { createBrowserRouter, Outlet, RouterProvider } from "react-router-dom";
+import { useEffect, useState } from "react";
+import {
+        createBrowserRouter,
+        Outlet,
+        RouterProvider,
+        useLocation,
+} from "react-router-dom";
 import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
+import LoadingSpinner from "./components/LoadingSpinner";
 import Sidebar from "./components/Sidebar";
 import { useAuth } from "./context/authContext";
@@ -15 +21 @@
 const MainLayout = () => {
         const { user } = useAuth();
-        const [isSidebarOpen, setIsSidebarOpen] = useState(!!user);
+        const location = useLocation();
+        // show sidebar only if user is logged in and is on the landing page
+        const isLandingPage = location.pathname === "/";
+        const [isSidebarOpen, setIsSidebarOpen] = useState(!!user && isLandingPage);
+
+        // Open sidebar when user logs in and navigates to landing page
+        useEffect(() => {
+                if (user && isLandingPage) {
+                        setIsSidebarOpen(true);
+                }
+        }, [user, isLandingPage]);
 
         return (
@@ -51 +67 @@
 
         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 <LoadingSpinner />;
         }