From 61fdf92b9bb75271cb6f7b27c6b70b96eb71bc65 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 3 Jun 2023 01:37:24 +0200
Subject: [PATCH] Integrated the ServerDialog into the RemoteSSH.jsx

---
 client/src/pages/tools/linux/RemoteSSH/RemoteSSH.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/tools/linux/RemoteSSH/RemoteSSH.jsx b/client/src/pages/tools/linux/RemoteSSH/RemoteSSH.jsx
index bf0b46a..5f4a59d 100644
--- a/client/src/pages/tools/linux/RemoteSSH/RemoteSSH.jsx
+++ b/client/src/pages/tools/linux/RemoteSSH/RemoteSSH.jsx
@@ -3,17 +3,23 @@ import Button from "@/common/components/Button";
 import {faGear} from "@fortawesome/free-solid-svg-icons";
 import ErrorArea from "@/common/components/ErrorArea";
 import "./styles.sass";
+import {useState} from "react";
+import ServerDialog from "@/pages/tools/linux/components/ServerDialog/index.js";
+import {ServerProvider} from "@/common/contexts/Server/index.js";
 
 export const RemoteSSH = () => {
+    const [serverDialogOpen, setServerDialogOpen] = useState(false);
 
     return (
-        <>
+        <ServerProvider>
             <InfoArea title="Remote SSH" description="Mit diesem Tool kannst du dich mit einem SSH-Server verbinden und diesen fernsteuern.">
-                <Button icon={faGear} text="Konfigurieren" onClick={() => {}}/>
+                <Button icon={faGear} text="Konfigurieren" onClick={() => setServerDialogOpen(true)}/>
             </InfoArea>
 
+            {serverDialogOpen && <ServerDialog onClose={() => setServerDialogOpen(false)}/>}
+
             <ErrorArea error="Dieses Tool ist noch nicht verfügbar"/>
-        </>
+        </ServerProvider>
     );
 
 }
\ No newline at end of file