import React from 'react'
import Head from 'next/head'
import {GetStaticProps} from 'next'
import useSWR from 'swr'
import {SimpleLayout} from '@/components/layouts/SimpleLayout'
import {Card} from '@/components/Card'
import {CardGroup} from '@/components/CardGroup'
import {numberFormat} from '@/lib/numberFormat'
import {getDashboardData} from '@/lib/dashboard'
import fetcher from '@/lib/fetcher'
import type {MetricGroup} from '@/types'
export default function Dashboard({metrics}: { metrics: MetricGroup }) {
const {data: tempData} = useSWR('api/grafana/temp', fetcher, {
refreshInterval: 30000
})
return (
<>
Dashboard - Ryan Freeman
{metrics.map(({groupName, groupItems}) => (
{groupItems.map((item) => (
{item.title}
{typeof item.value === "number" ? numberFormat(item.value) : item.value}
))}
))}
Temperature
{tempData ? `${tempData.temp} ℃` : "—"}
)
}
export const getStaticProps: GetStaticProps = async () => {
return {
props: {
metrics: await getDashboardData()
}
}
}