[#2379] Cleaned up notification code + improved login form

src/open_inwoner/js/components/notifications/index.js

@@ -100,24 +100,28 @@ export class Notification {
    */
   reorderNotifications() {
     // Select the parent container, in order to re-index its children
-    // for both Notifications.html as well as for Error.html
     const notificationsContainer = document.querySelector('.notifications')
-    const notifications = Array.from(
-      // Get first matching element in the document
-      notificationsContainer.querySelectorAll(Notification.selector)
-    )
 
-    // Re-indexing the NodeList: Sort children/notifications (siblings) based on type order
-    notifications.sort((a, b) => {
-      const typeA = getTypeOrderIndex(a)
-      const typeB = getTypeOrderIndex(b)
-      return typeA - typeB
-    })
+    if (notificationsContainer) {
+      const notifications = Array.from(
+        // Get first matching element in the document
+        notificationsContainer.querySelectorAll(Notification.selector)
+      )
+
+      // Re-indexing the NodeList: Sort notifications (children/siblings) based on type order
+      notifications.sort((a, b) => {
+        const typeA = getTypeOrderIndex(a)
+        const typeB = getTypeOrderIndex(b)
+        return typeA - typeB
+      })
 
-    // Re-append sorted notifications to parent container
-    notifications.forEach((notification) =>
-      notificationsContainer.appendChild(notification)
-    )
+      // Re-append sorted notifications to parent container
+      notifications.forEach((notification) =>
+        notificationsContainer.appendChild(notification)
+      )
+    } else {
+      return
+    }
   }
 }