switch checkmark to asset, remove port & dao grants

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>

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 <>🚧</>
   }
 }
 

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);
+}

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 &&