Changeset 8dd3e22 for frontend/src/App.tsx

Timestamp:

02/09/26 20:44:24 (5 months ago)

Author:

Filip Gavrilovski <filipgavrilovski28@…>

Branches:

main

Children:

27660af

Parents:

c684a6d

Message:

add client side form for publishing new music with mock data and api calls

File:

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

frontend/src/App.tsx

@@ -17 +17 @@
 import Login from "./pages/Login";
 import MusicalCollection from "./pages/MusicalCollection";
+import MySongs from "./pages/MySongs";
 import Nav from "./pages/Nav";
+import PublishSong from "./pages/PublishSong";
 import Register from "./pages/Register";
 import SongDetail from "./pages/SongDetail";
@@ -28 +30 @@
         // show sidebar only if user is logged in and is on the landing page
         const isLandingPage = location.pathname === "/";
-        const [isSidebarOpen, setIsSidebarOpen] = useState(!!user && isLandingPage);
+        const [isSidebarOpen, setIsSidebarOpen] = useState(
+                !!user && isLandingPage && !user?.isArtist && !user?.isAdmin,
+        );
 
         // Open sidebar when user logs in and navigates to landing page
         useEffect(() => {
-                if (user && isLandingPage) {
+                if (user && isLandingPage && !user.isArtist && !user.isAdmin) {
                         setIsSidebarOpen(true);
                 }
@@ -104 +108 @@
                         },
                         {
+                                path: "/my-songs",
+                                element: <MySongs />,
+                        },
+                        {
+                                path: "/publish",
+                                element: <PublishSong />,
+                        },
+                        {
                                 path: "/songs/:id",
                                 element: <SongDetail />,