SheepstarStudio/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Created the Status page component

Browse Source
This commit is contained in:
Mathias Wagner 2022-09-12 21:45:51 +02:00
parent a6ef3fc887
commit 7c4e2d5e9f
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/Status/Status.jsx
View File

@ -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;