Status page

package.json

@@ -31,7 +31,8 @@
     "node-pg-migrate": "7.6.1",
     "pg": "8.12.0",
     "react": "18.3.1",
-    "react-dom": "18.3.1"
+    "react-dom": "18.3.1",
+    "swr": "2.2.5"
   },
   "devDependencies": {
     "@commitlint/cli": "19.4.0",

pages/status/index.js

@@ -0,0 +1,37 @@
+import useSWR from 'swr'
+
+async function fetchAPI(key) {
+  const response = await fetch(key)
+  const responseBody = await response.json()
+
+  return responseBody
+}
+
+export default function StatusPage() {
+  return (
+    <>
+      <h1>Status</h1>
+      <ShowData />
+      <UpdatedAt />
+    </>
+  )
+}
+
+function UpdatedAt() {
+  const { isLoading, data } = useSWR('/api/v1/status', fetchAPI, {
+    refreshInterval: 2000
+  })
+
+  let updatedAtText = 'Carregando...'
+
+  if (!isLoading && data) {
+    updatedAtText = new Date(data.updated_at).toLocaleString('pt-BR')
+  }
+
+  return <div>Última atualização: {updatedAtText}</div>
+}
+
+function ShowData() {
+  const { data } = useSWR('/api/v1/status', fetchAPI)
+  return <pre>{JSON.stringify(data, null, 2)}</pre>
+}