Changeset dc30259 for frontend/src/pages

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

Location:

frontend/src/pages

Files:

• AllUsers.tsx (modified) (2 diffs)
• MusicalCollection.tsx (modified) (2 diffs)
• Nav.tsx (modified) (1 diff)
• UserDetail.tsx (modified) (2 diffs)

frontend/src/pages/AllUsers.tsx

@@ -2 +2 @@
 import { useNavigate } from "react-router-dom";
 import axiosInstance from "../api/axiosInstance";
+import LoadingSpinner from "../components/LoadingSpinner";
 
 interface User {
@@ -39 +40 @@
         };
 
-        if (users.length == 0) return <div className="p-6">Loading...</div>;
+        if (users.length == 0) {
+                return <LoadingSpinner />;
+        }
         if (error) {
                 return (

frontend/src/pages/MusicalCollection.tsx

@@ -2 +2 @@
 import { useNavigate, useParams } from "react-router-dom";
 import axiosInstance from "../api/axiosInstance";
+import LoadingSpinner from "../components/LoadingSpinner";
 import type { Song, Album, Playlist } from "../utils/types";
 import { handleError } from "../utils/error";
@@ -71 +72 @@
 
   if (isLoading) {
-    return <div className="p-6">Loading...</div>;
+    return <LoadingSpinner />;
   }
 

frontend/src/pages/Nav.tsx

@@ -52 +52 @@
                 >
                         <div className="flex items-center gap-4">
-                                {onToggleSidebar && (
+                                {onToggleSidebar && user && (
                                         <button
                                                 onClick={onToggleSidebar}

frontend/src/pages/UserDetail.tsx

@@ -2 +2 @@
 import { useNavigate, useParams } from "react-router-dom";
 import axiosInstance from "../api/axiosInstance";
+import LoadingSpinner from "../components/LoadingSpinner";
 import ArtistView from "../components/userProfile/ArtistView";
 import ListenerView from "../components/userProfile/ListenerView";
@@ -174 +175 @@
         }
 
-        if (!user) return <div className="p-6">Loading...</div>;
+        if (!user) {
+                return <LoadingSpinner />;
+        }
 
         return (