From 9f674eb7fd1ec071f627d2f2db784e9ffe352719 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maxi=20Quo=C3=9F?= <maxi@quoss.org>
Date: Sat, 12 Mar 2022 11:33:33 +0100
Subject: [PATCH] hide modals on button click

---
 app/frontend/src/components/Navbar.svelte | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/frontend/src/components/Navbar.svelte b/app/frontend/src/components/Navbar.svelte
index f0a2bb2b..d16cac40 100644
--- a/app/frontend/src/components/Navbar.svelte
+++ b/app/frontend/src/components/Navbar.svelte
@@ -31,6 +31,7 @@
             type: "update_settings",
             data: settings
         })
+        hideModal("settings");
     }
 
     function scanNetwork() {
@@ -70,6 +71,7 @@
                 }
             }
         }
+        hideModal("settings");
     }
 
     function backupToFile() {
@@ -78,6 +80,12 @@
         })
     }
 
+    function hideModal(id) {
+        const modalEl = document.querySelector(`#${id}`);
+        const modal = bootstrap.Modal.getInstance(modalEl);
+        modal.hide();
+    }
+
 </script>
 
 <nav class="navbar navbar-expand-sm">
@@ -103,7 +111,7 @@
                             </button>
                         </li>
                         <li>
-                            <button class="dropdown-item" data-bs-toggle="modal" data-bs-target="#Settings">
+                            <button class="dropdown-item" data-bs-toggle="modal" data-bs-target="#settings">
                                 <i class="fa-solid fa-sliders me-2"></i>Settings
                             </button>
                         </li>
@@ -203,7 +211,7 @@
     </div>
 </div>
 
-<div class="modal fade" id="Settings" tabindex="-1" aria-labelledby="settingsLabel" aria-hidden="true">
+<div class="modal fade" id="settings" tabindex="-1" aria-labelledby="settingsLabel" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">