From e0d0a9d0d249dc6780b0503b14b29a3f0780fc36 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 3 Jun 2023 01:35:23 +0200
Subject: [PATCH] Integrated the ServerDialog into the InstallSoftware.jsx

---
 .../tools/linux/InstallSoftware/InstallSoftware.jsx   | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/tools/linux/InstallSoftware/InstallSoftware.jsx b/client/src/pages/tools/linux/InstallSoftware/InstallSoftware.jsx
index 811e79b..661ecbc 100644
--- a/client/src/pages/tools/linux/InstallSoftware/InstallSoftware.jsx
+++ b/client/src/pages/tools/linux/InstallSoftware/InstallSoftware.jsx
@@ -8,18 +8,23 @@ import ConfigurationArea from "@/pages/tools/linux/InstallSoftware/components/Co
 import "./styles.sass";
 import ErrorArea from "@/common/components/ErrorArea";
 import {StatusContext} from "@/common/contexts/Status";
+import ServerDialog from "@/pages/tools/linux/components/ServerDialog";
+import {ServerProvider} from "@/common/contexts/Server";
 
 export const InstallSoftware = () => {
     const [currentItem, setCurrentItem] = useState(Software[0].name);
     const backendAvailable = useContext(StatusContext);
+    const [serverDialogOpen, setServerDialogOpen] = useState(false);
 
     return (
-        <>
+        <ServerProvider>
             <InfoArea title="Software"
                       description="Aktuell nur für Debian/Ubuntu verfügbar. Installiere mit diesem Tool jede mögliche Software mit einem Klick :)">
-                <Button icon={faGear} text="Konfigurieren" onClick={() => {}}/>
+                <Button icon={faGear} text="Konfigurieren" onClick={() => setServerDialogOpen(true)}/>
             </InfoArea>
 
+            {serverDialogOpen && <ServerDialog onClose={() => setServerDialogOpen(false)}/>}
+
             {!backendAvailable && <ErrorArea error="Es konnte keine Verbindung zum Backend-Server hergestellt werden."/>}
 
             <div className={"install-area" + (!backendAvailable ? " not-available" : "")}>
@@ -27,7 +32,7 @@ export const InstallSoftware = () => {
 
                 {Software.map((s) => {if (s.name === currentItem) return <ConfigurationArea current={s} key={s.name} />})}
             </div>
-        </>
+        </ServerProvider>
     );
 
 }
\ No newline at end of file