switch checkmark to asset, remove port & dao grants

This commit is contained in:
Matthias Kretschmann 2022-10-18 16:20:56 +01:00
parent 8e82fff4aa
commit 843e2a9aff
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 14 additions and 13 deletions

3
src/images/check.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 180 B

View File

@ -4,15 +4,15 @@ import { Status, State, Summary, NetworkSummary } from '../@types'
import styles from '../styles/Home.module.css' import styles from '../styles/Home.module.css'
import { getData, getNetworkSUmmary, getSummary } from '../utils/getData' import { getData, getNetworkSUmmary, getSummary } from '../utils/getData'
import LogoAsset from '../images/logo.svg' 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) { if (state === State.Up) {
return '✅' return <CheckAsset className={styles.check} />
} else if (state === State.Down) { } else if (state === State.Down) {
return '🚨' return <>🚨</>
} else { } else {
return '🚧' return <>🚧</>
} }
} }

View File

@ -67,3 +67,9 @@
width: 4rem; width: 4rem;
margin: 0 auto; margin: 0 auto;
} }
.check {
display: inline-block;
fill: var(--brand-alert-green);
margin-right: calc(var(--spacer) / 6);
}

View File

@ -50,10 +50,6 @@ export function getSummary(network: string, data: Status[][]): Summary[] {
component: 'Market', component: 'Market',
status: status?.market status: status?.market
}, },
{
component: 'Port',
status: status?.port
},
{ {
component: 'Data Farming', component: 'Data Farming',
status: status?.dataFarming status: status?.dataFarming
@ -62,10 +58,6 @@ export function getSummary(network: string, data: Status[][]): Summary[] {
component: 'Operator Service', component: 'Operator Service',
status: status?.operator?.status, status: status?.operator?.status,
version: status?.operator?.version version: status?.operator?.version
},
{
component: 'DAO Grants',
status: status?.daoGrants
} }
] ]
status?.faucet?.status && status?.faucet?.status &&