From e3244f8c6aaf72638255b9be93c2194580252132 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 5 Aug 2023 22:13:40 +0200
Subject: [PATCH] Created the ServerInfo.jsx

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

diff --git a/client/src/common/components/Header/components/ServerDialog/components/ServerInfo/ServerInfo.jsx b/client/src/common/components/Header/components/ServerDialog/components/ServerInfo/ServerInfo.jsx
new file mode 100644
index 0000000..4f8de36
--- /dev/null
+++ b/client/src/common/components/Header/components/ServerDialog/components/ServerInfo/ServerInfo.jsx
@@ -0,0 +1,24 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faLocationDot, faShieldHalved, faTrash} from "@fortawesome/free-solid-svg-icons";
+import Button from "@/common/components/Button";
+import "./styles.sass";
+
+export const ServerInfo = ({currentServer, deleteServer}) => {
+    return (
+        <div className="server-info">
+            <div className="info-item">
+                <FontAwesomeIcon icon={faShieldHalved} className="icon"/>
+                <h3><span className="primary-color">Bereitgestellt von</span><br/>{currentServer.provider}</h3>
+            </div>
+
+            <div className="info-item">
+                <FontAwesomeIcon icon={faLocationDot} className="icon"/>
+                <h3><span className="primary-color">Standort</span><br/>{currentServer.location}</h3>
+            </div>
+
+            {currentServer.isCustom && <div className="button-right">
+                <Button text="Löschen" onClick={() => deleteServer()}
+                        icon={faTrash} /></div>}
+        </div>
+    )
+}
\ No newline at end of file