diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 6eb486b..b3c47fb 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,9 +1,10 @@ import Head from 'next/head' -import React, { ReactElement, useEffect, useState } from 'react' +import React, { Fragment, ReactElement, useEffect, useState } from 'react' 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' function statusIcon(state: State): string { if (state === State.Up) { @@ -48,17 +49,20 @@ export default function HomePage(): ReactElement { - + + Ocean Status Current Status of Ocean Components{' '} + + {networks?.map((network: NetworkSummary, i: number) => ( - <> - {network.name} + + {network.name} {summary?.map((value: Summary) => ( @@ -71,7 +75,7 @@ export default function HomePage(): ReactElement { ))} - > + //
Current Status of Ocean Components{' '}