Changeset 9c1dcc7 for frontend/src/App.tsx

Timestamp:

02/07/26 19:52:09 (5 months ago)

Author:

Filip Gavrilovski <filipgavrilovski28@…>

Branches:

main

Children:

8675f75

Parents:

8a47b30

Message:

add experimental video miniplayer

File:

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

frontend/src/App.tsx

@@ -9 +9 @@
 import "react-toastify/dist/ReactToastify.css";
 import LoadingSpinner from "./components/LoadingSpinner";
+import MiniPlayer from "./components/MiniPlayer";
 import Sidebar from "./components/Sidebar";
 import { useAuth } from "./context/authContext";
+import { usePlayer } from "./context/playerContext";
 import AllUsers from "./pages/AllUsers";
 import LandingPage from "./pages/LandingPage";
@@ -22 +24 @@
 const MainLayout = () => {
         const { user } = useAuth();
+        const { currentSong } = usePlayer();
         const location = useLocation();
         // show sidebar only if user is logged in and is on the landing page
@@ -56 +59 @@
                                 className={`grow transition-all duration-300 pt-20 ${
                                         isSidebarOpen ? "ml-64" : "ml-0"
-                                }`}
+                                } ${currentSong ? "pb-20" : ""}`}
                         >
                                 <Outlet />
                         </main>
+                        <MiniPlayer />
                 </div>
         );