From 5db6f59b192d6a4be95d6bb979687b3ca46a7149 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 12 Sep 2022 21:45:38 +0200
Subject: [PATCH] Created the StatusItem component

---
 .../Status/components/StatusItem/StatusItem.jsx   | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 src/pages/Status/components/StatusItem/StatusItem.jsx

diff --git a/src/pages/Status/components/StatusItem/StatusItem.jsx b/src/pages/Status/components/StatusItem/StatusItem.jsx
new file mode 100644
index 0000000..4c67101
--- /dev/null
+++ b/src/pages/Status/components/StatusItem/StatusItem.jsx
@@ -0,0 +1,15 @@
+import './styles.sass';
+
+const StatusItem = (props) => (
+    <div className="status-item">
+        <div className="status-title">
+            <h2>{props.service}</h2>
+            <hr/>
+        </div>
+        <div className="shards">
+            {props.shards.map(shard => <div key={shard.service} className={"shard " + (shard.status === "inactive" ? "shard-inactive" : "")}>{shard.name}</div>)}
+        </div>
+    </div>
+)
+
+export default StatusItem;
\ No newline at end of file