From 7c4e2d5e9f5352e23cedd11656c9ea405a60578e Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 12 Sep 2022 21:45:51 +0200
Subject: [PATCH] Created the Status page component

---
 src/pages/Status/Status.jsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/pages/Status/Status.jsx b/src/pages/Status/Status.jsx
index 080dd52..2746eb6 100644
--- a/src/pages/Status/Status.jsx
+++ b/src/pages/Status/Status.jsx
@@ -1,5 +1,16 @@
-const Status = () => {
-    return (<h2>Status</h2>)
-}
+import './styles.sass';
+import StatusItem from "@/pages/Status/components/StatusItem/index.js";
+
+const mockStatus = [
+    {service: "Sheepstar Global", shards: [{name: 1, status: "active"}, {name: 2, status: "active"}, {name: 3, status: "inactive"} ]},
+    {service: "TicketBot", shards: [{name: 1, status: "active"}, {name: 2, status: "active"}, {name: 3, status: "inactive"}]},
+    {service: "Kratos", shards: [{name: 1, status: "active"}, {name: 2, status: "active"}, {name: 3, status: "active"}, {name: 4, status: "active"}]}
+]; // replace with api in future
+
+const Status = () => (
+    <div className="main-wrapper">
+        {mockStatus.map(item => <StatusItem key={item.service} service={item.service} shards={item.shards}/>)}
+    </div>
+)
 
 export default Status;
\ No newline at end of file