mirror of
https://github.com/r-freeman/portfolio.git
synced 2024-11-14 20:25:41 +00:00
68 lines
3.0 KiB
TypeScript
68 lines
3.0 KiB
TypeScript
|
import Head from 'next/head'
|
||
|
|
import {SimpleLayout} from '@/components/SimpleLayout'
|
||
|
|
import {Card} from '@/components/Card'
|
||
|
|
import {numberFormat} from '@/lib/numberFormat'
|
||
|
|
import {getTotalFollowers, getTotalRepos} from '@/lib/github'
|
||
|
|
import {GetStaticProps} from 'next'
|
||
|
|
|
||
|
|
export default function Dashboard({totalRepos, totalFollowers}: { totalRepos: number, totalFollowers: number }) {
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<Head>
|
||
|
|
<title>Dashboard - Ryan Freeman</title>
|
||
|
|
<meta
|
||
|
|
name="description"
|
||
|
|
content="This is my digital life in numbers which is updated daily. I use this dashboard to track various metrics across platforms like Spotify, GitHub, Twitter and more."
|
||
|
|
/>
|
||
|
|
<meta
|
||
|
|
property="og:title"
|
||
|
|
content="Dashboard - Ryan Freeman"
|
||
|
|
/>
|
||
|
|
<meta
|
||
|
|
property="og:description"
|
||
|
|
content="This is my digital life in numbers which is updated daily. I use this dashboard to track various metrics across platforms like Spotify, GitHub, Twitter and more."
|
||
|
|
/>
|
||
|
|
</Head>
|
||
|
|
<SimpleLayout
|
||
|
|
title="Dashboard."
|
||
|
|
intro="This is my digital life in numbers which is updated daily. I use this dashboard to track various metrics across platforms like Spotify, GitHub, Twitter and more."
|
||
|
|
gradient="bg-gradient-to-r from-orange-300 to-rose-300"
|
||
|
|
>
|
||
|
|
<ul
|
||
|
|
role="list"
|
||
|
|
className="grid grid-cols-1 gap-x-12 gap-y-16 sm:grid-cols-2 lg:grid-cols-3"
|
||
|
|
>
|
||
|
|
<Card as="li">
|
||
|
|
<h2 className="text-base font-semibold transition group-hover:text-indigo-500 text-zinc-800 dark:text-zinc-400">
|
||
|
|
<Card.Link href="https://github.com/r-freeman">GitHub Repos</Card.Link>
|
||
|
|
</h2>
|
||
|
|
<Card.Description className="text-zinc-800 dark:text-zinc-100 font-semibold text-5xl">
|
||
|
|
{numberFormat(totalRepos)}
|
||
|
|
</Card.Description>
|
||
|
|
</Card>
|
||
|
|
<Card as="li">
|
||
|
|
<h2 className="text-base font-semibold transition group-hover:text-indigo-500 text-zinc-800 dark:text-zinc-400">
|
||
|
|
<Card.Link href="https://github.com/r-freeman">GitHub Followers</Card.Link>
|
||
|
|
</h2>
|
||
|
|
<Card.Description className="text-zinc-800 dark:text-zinc-100 font-semibold text-5xl">
|
||
|
|
{numberFormat(totalFollowers)}
|
||
|
|
</Card.Description>
|
||
|
|
</Card>
|
||
|
|
</ul>
|
||
|
|
</SimpleLayout>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export const getStaticProps: GetStaticProps = async () => {
|
||
|
|
const totalRepos = await getTotalRepos()
|
||
|
|
const totalFollowers = await getTotalFollowers()
|
||
|
|
|
||
|
|
return {
|
||
|
|
props: {
|
||
|
|
totalRepos,
|
||
|
|
totalFollowers
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|