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 @@
+
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
} 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 &&