Updating file structure + updated styling

src/@types/index.ts

@@ -71,7 +71,7 @@ export interface Network {
   oceanAddress?: string
 }
 
-export interface Data {
+export interface Summary {
   component: string
   status: State
 }

src/pages/index.tsx

@@ -1,6 +1,6 @@
 import Head from 'next/head'
 import React, { ReactElement, useEffect, useState } from 'react'
-import { Status, State, Summary } from '../@types'
+import { State, Summary } from '../@types'
 import styles from '../styles/Home.module.css'
 import { getData, getSummary } from '../utils/getData'
 
@@ -65,47 +65,3 @@ export default function HomePage(): ReactElement {
     </div>
   )
 }
-
-// <>
-//   <div className={`${styles.card} ${style(data[0].status)}`}>
-//     <h2>{data[0].component}</h2>
-//     <p>{data[0].status}</p>
-//   </div>
-//   <div className={styles.card}>
-//     <h2>Provider</h2>
-//     <p>{statuses[network].provider.status}</p>
-//   </div>
-
-//   <div className={styles.card}>
-//     <h2>Subgraph</h2>
-//     <p>{statuses[network].subgraph.status}</p>
-//   </div>
-
-//   <div className={styles.card}>
-//     <h2>Market</h2>
-//     <p>{statuses[network].market}</p>
-//   </div>
-//   <div className={styles.card}>
-//     <h2>Port</h2>
-//     <p>{statuses[network].port}</p>
-//   </div>
-//   <div className={styles.card}>
-//     <h2>Data Farming</h2>
-//     <p>{statuses[network].dataFarming}</p>
-//   </div>
-//   <div className={styles.card}>
-//     <h2>Operator Service</h2>
-//     <p>{statuses[network].operator.status}</p>
-//   </div>
-//   {statuses[network].faucet.status && (
-//     <div className={styles.card}>
-//       <h2>Faucet</h2>
-//       <p>{statuses[network].faucet.status}</p>
-//     </div>
-//   )}
-//   <div className={styles.card}>
-//     <h2>DAO Grants</h2>
-//     <p>{statuses[network].daoGrants}</p>
-//   </div>
-// </>
-// }

src/styles/Home.module.css

@@ -10,6 +10,8 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  font-family: 'Sharp Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    Helvetica, Arial, sans-serif;
 }
 
 .footer {

src/utils/getData.ts

@@ -1,6 +1,6 @@
 import axios, { AxiosResponse } from 'axios'
 import { Status, Summary } from '../@types'
-import { statusServiceUri } from '../app.config'
+import { statusServiceUri } from '../../app.config'
 
 export async function getData(): Promise<Status[]> {
   try {

tsconfig.json

@@ -1,23 +1,3 @@
-// {
-//   "compilerOptions": {
-//     "target": "es5",
-//     "lib": ["dom", "dom.iterable", "esnext"],
-//     "allowJs": true,
-//     "skipLibCheck": true,
-//     "strict": true,
-//     "forceConsistentCasingInFileNames": true,
-//     "noEmit": true,
-//     "esModuleInterop": true,
-//     "module": "esnext",
-//     "moduleResolution": "node",
-//     "resolveJsonModule": true,
-//     "isolatedModules": true,
-//     "jsx": "preserve",
-//     "incremental": true
-//   },
-//   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-//   "exclude": ["node_modules"]
-// }
 {
   "compilerOptions": {
     "target": "esnext",