Use LayoutWithBackButton in playlist route

This will add a back button in secondary navbar at the top of the page.
metabrainz · Jan 16, 2025 · 46a036e · 46a036e
1 parent 704d408
commit 46a036e
Showing 1 changed file with 15 additions and 4 deletions.
diff --git a/frontend/js/src/routes/index.tsx b/frontend/js/src/routes/index.tsx
@@ -78,12 +78,23 @@ const getIndexRoutes = (): RouteObject[] => {
           },
         },
         {
-          path: "playlist/:playlistID/",
+          path: "playlist/",
           lazy: async () => {
-            const PlaylistPage = await import("../playlists/Playlist");
-            return { Component: PlaylistPage.default };
+            const LayoutWithBackButton = await import(
+              "../layout/LayoutWithBackButton"
+            );
+            return { Component: LayoutWithBackButton.default };
           },
-          loader: RouteLoader,
+          children: [
+            {
+              path: ":playlistID/",
+              lazy: async () => {
+                const PlaylistPage = await import("../playlists/Playlist");
+                return { Component: PlaylistPage.default };
+              },
+              loader: RouteLoader,
+            },
+          ],
         },
         {
           path: "/statistics/",