fix: show warning for empty playlist names & fix notification z-index

js/app.js

@@ -21,6 +21,7 @@ import { initializeUIInteractions } from './ui-interactions.js';
 import { debounce, SVG_PLAY, getShareUrl } from './utils.js';
 import { sidePanelManager } from './side-panel.js';
 import { db } from './db.js';
+import { showNotification } from './downloads.js';
 import { syncManager } from './accounts/pocketbase.js';
 import { authManager } from './accounts/auth.js';
 import { registerSW } from 'virtual:pwa-register';
@@ -1242,6 +1243,8 @@ document.addEventListener('DOMContentLoaded', async () => {
                 ui.renderLibraryPage();
                 document.getElementById('folder-modal').classList.remove('active');
                 trackCloseModal('Create Folder');
+            } else {
+                showNotification('Please enter a folder name.');
             }
         }
 
@@ -1819,6 +1822,8 @@ document.addEventListener('DOMContentLoaded', async () => {
                         trackCloseModal('Create Playlist');
                     });
                 }
+            } else {
+                showNotification('Please enter a playlist name.');
             }
         }
 

styles.css

@@ -4663,7 +4663,7 @@ input:checked + .slider::before {
     position: fixed;
     bottom: 120px;
     right: 20px;
-    z-index: 9999;
+    z-index: 20000;
     max-width: 350px;
     display: flex;
     flex-direction: column;