From 52480e4fc0bf752734c29214ed116fca96f5a580 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 5 Aug 2023 22:14:16 +0200
Subject: [PATCH] Created the AddServer.jsx

---
 .../components/AddServer/AddServer.jsx        | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 client/src/common/components/Header/components/ServerDialog/components/AddServer/AddServer.jsx

diff --git a/client/src/common/components/Header/components/ServerDialog/components/AddServer/AddServer.jsx b/client/src/common/components/Header/components/ServerDialog/components/AddServer/AddServer.jsx
new file mode 100644
index 0000000..0ec58a3
--- /dev/null
+++ b/client/src/common/components/Header/components/ServerDialog/components/AddServer/AddServer.jsx
@@ -0,0 +1,21 @@
+import Button from "@/common/components/Button";
+import {faFloppyDisk} from "@fortawesome/free-solid-svg-icons";
+import {useState} from "react";
+import "./styles.sass";
+
+export const AddServer = ({addServer}) => {
+    const [name, setName] = useState("");
+    const [url, setUrl] = useState("");
+
+    return (
+        <div className="server-info">
+            <input className="input-field" placeholder="Name" value={name} onChange={(e) => setName(e.target.value)}/>
+            <input className="input-field" placeholder="URL" value={url} onChange={(e) => setUrl(e.target.value)}/>
+
+            <div className="button-right">
+                <Button text="Speichern" onClick={() => addServer(url, name)}
+                        icon={faFloppyDisk} />
+            </div>
+        </div>
+    )
+}
\ No newline at end of file