From 843e2a9affe764cc5c1444bda6d037115c5fdd23 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 18 Oct 2022 16:20:56 +0100
Subject: [PATCH] switch checkmark to asset, remove port & dao grants

---
 src/images/check.svg       |  3 +++
 src/pages/index.tsx        | 10 +++++-----
 src/styles/Home.module.css |  6 ++++++
 src/utils/getData.ts       |  8 --------
 4 files changed, 14 insertions(+), 13 deletions(-)
 create mode 100644 src/images/check.svg

diff --git a/src/images/check.svg b/src/images/check.svg
new file mode 100644
index 0000000..a5588b8
--- /dev/null
+++ b/src/images/check.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="26" viewBox="0 0 32 26">
+  <polygon points="11.941 25.754 0 13.812 5.695 8.117 11.941 14.363 26.305 0 32 5.695"/>
+</svg>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 8908e6f..0232ecd 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -4,15 +4,15 @@ import { Status, State, Summary, NetworkSummary } from '../@types'
 import styles from '../styles/Home.module.css'
 import { getData, getNetworkSUmmary, getSummary } from '../utils/getData'
 import LogoAsset from '../images/logo.svg'
-import Image from 'next/image'
+import CheckAsset from '../images/check.svg'
 
-function statusIcon(state: State): string {
+function statusIcon(state: State): ReactElement {
   if (state === State.Up) {
-    return '✅'
+    return <CheckAsset className={styles.check} />
   } else if (state === State.Down) {
-    return '🚨'
+    return <>🚨</>
   } else {
-    return '🚧'
+    return <>🚧</>
   }
 }
 
diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css
index 6c9dfca..8c33f64 100644
--- a/src/styles/Home.module.css
+++ b/src/styles/Home.module.css
@@ -67,3 +67,9 @@
   width: 4rem;
   margin: 0 auto;
 }
+
+.check {
+  display: inline-block;
+  fill: var(--brand-alert-green);
+  margin-right: calc(var(--spacer) / 6);
+}
diff --git a/src/utils/getData.ts b/src/utils/getData.ts
index 5cf2571..18b5ceb 100644
--- a/src/utils/getData.ts
+++ b/src/utils/getData.ts
@@ -50,10 +50,6 @@ export function getSummary(network: string, data: Status[][]): Summary[] {
           component: 'Market',
           status: status?.market
         },
-        {
-          component: 'Port',
-          status: status?.port
-        },
         {
           component: 'Data Farming',
           status: status?.dataFarming
@@ -62,10 +58,6 @@ export function getSummary(network: string, data: Status[][]): Summary[] {
           component: 'Operator Service',
           status: status?.operator?.status,
           version: status?.operator?.version
-        },
-        {
-          component: 'DAO Grants',
-          status: status?.daoGrants
         }
       ]
       status?.faucet?.status &&