OJT21-61: Add log component and logs mock request

+export default function Log ({ log }) {
+  return (
+    <div>
+      <h1>{log.ticket}</h1>
+      <p>{log.hours}</p>
+      <p>{log.details}</p>
+    </div>
+  )
+}

@@ -2,12 +2,28 @@ import { rest } from 'msw'
 
 
 export const handlers = [
 export const handlers = [
   // sample
   // sample
-  rest.get('*/', (req, res, ctx) => {
+  rest.get('/', (req, res, ctx) => {
     ctx.status = 200
     ctx.status = 200
     return res(
     return res(
       ctx.json({
       ctx.json({
         sample: 'this is a sample'
         sample: 'this is a sample'
       })
       })
     )
     )
+  }),
+  rest.get('https://api/logs', (req, res, ctx) => {
+    console.log('yooooooo')
+    ctx.status = 200
+    return res(
+      ctx.json({
+        logs: [
+          {
+            ticket: 'SAM-PLE',
+            details:
+              'Today ...................................................................................',
+            hours: '5'
+          }
+        ]
+      })
+    )
   })
   })
 ]
 ]

+import { setupServer } from 'msw/node'
+import { handlers } from './handlers'
+
+export const server = setupServer(...handlers)

 import 'tailwindcss/tailwind.css'
 import 'tailwindcss/tailwind.css'
 
 
+if (process.env.NODE_ENV === 'development') {
+  if (typeof window === 'undefined') {
+    const { server } = require('../mocks/server')
+    server.listen()
+    console.log('SERVER STARTED')
+  } else {
+    const { worker } = require('../mocks/browser')
+    worker.start()
+    console.log('WORKER STARTED')
+  }
+}
+
 function MyApp ({ Component, pageProps }) {
 function MyApp ({ Component, pageProps }) {
   return <Component {...pageProps} />
   return <Component {...pageProps} />
 }
 }

+import Log from '../components/log.js'
+const axios = require('axios')
+
+function Logs ({ logs }) {
+  return (
+    <div>
+      {logs.logs.map((log) => (
+        <Log log={log} />
+      ))}
+    </div>
+  )
+}
+
+export async function getStaticProps () {
+  let logs = {}
+  try {
+    const response = await axios.get('https://api/logs')
+    console.log(response.data)
+    logs = response.data
+  } catch (error) {
+    console.error(error)
+  }
+  return {
+    props: {
+      logs
+    }
+  }
+}
+
+export default Logs