added genres page

2026-02-23 11:10:21 -05:00
parent a08d59a4a0
commit 588acf09ef
6 changed files with 1386 additions and 8 deletions
@@ -9,6 +9,8 @@ import '@components/library-manager/library-manager.ts';
 import '@components/config-page/config-page.ts';
 import '@components/artists-view/artists-view.ts';
 import '@components/artist-details/artist-details.ts';
+import '@components/genres-view/genres-view.ts';
+import '@components/genre-details/genre-details.ts';
 import '@components/search-bar/search-bar.ts';
 import '@components/track-details/track-details.ts';
 import type { SearchBar } from '@components/search-bar/search-bar.ts';
@@ -69,6 +71,19 @@ document.addEventListener('navigate', (e: Event) => {
            mainContent.appendChild(el);
            break;
        }
+        case 'genres':
+            mainContent.innerHTML = '<genres-view></genres-view>';
+            break;
+        case 'genre-details': {
+            const { genreName } =
+                (e as CustomEvent).detail;
+            const genreEl = document.createElement('genre-details');
+
+            genreEl.setAttribute('genre-name', genreName);
+            mainContent.innerHTML = '';
+            mainContent.appendChild(genreEl);
+            break;
+        }
        case 'libraries':
            mainContent.innerHTML = '<library-manager></library-manager>';
            break;