r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2024-11-22 13:55:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added total github stars to dashboard

Browse Source
This commit is contained in:
r-freeman 2023-01-28 15:01:32 +00:00
parent 6cc0e2bf39
commit 0e6c2b9a33
2 changed files with 66 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
lib/github.ts
View File

@ -34,6 +34,22 @@ type TotalFollowersResponse = {
}
}
type TotalStarsResponse = {
data: {
user: {
repositories: {
nodes: [
{
stargazers: {
totalCount: number
}
}
]
}
}
}
}
export async function getPinnedRepos() {
const response = await fetch(GITHUB_GRAPHQL, {
method: 'POST',
@ -108,3 +124,29 @@ export async function getTotalFollowers() {
return response.data.user.followers.totalCount
}
export async function getTotalStars(totalRepos: number) {
const response = await fetch(GITHUB_GRAPHQL, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${GITHUB_ACCESS_TOKEN}`
},
body: JSON.stringify({
query: `{
user(login: "r-freeman") {
repositories(first: ${totalRepos}) {
nodes {
stargazers {
totalCount
}
}
}
}
}`
})
}).then(r => r.json()) as TotalStarsResponse
return response.data.user.repositories.nodes
.reduce((acc, node) => acc + node.stargazers.totalCount, 0)
}

29
pages/dashboard.tsx
View File

@ -2,10 +2,16 @@ 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 {getTotalFollowers, getTotalRepos, getTotalStars} from '@/lib/github'
import {GetStaticProps} from 'next'
export default function Dashboard({totalRepos, totalFollowers}: { totalRepos: number, totalFollowers: number }) {
type DashboardProps = {
totalRepos: number
totalFollowers: number
totalStars: number
}
export default function Dashboard({totalRepos, totalFollowers, totalStars}: DashboardProps) {
return (
<>
<Head>
@ -48,6 +54,14 @@ export default function Dashboard({totalRepos, totalFollowers}: { totalRepos: nu
{numberFormat(totalFollowers)}
</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 Stars</Card.Link>
</h2>
<Card.Description className="text-zinc-800 dark:text-zinc-100 font-semibold text-5xl">
{numberFormat(totalStars)}
</Card.Description>
</Card>
</ul>
</SimpleLayout>
</>
@ -55,13 +69,18 @@ export default function Dashboard({totalRepos, totalFollowers}: { totalRepos: nu
}
export const getStaticProps: GetStaticProps = async () => {
const totalRepos = await getTotalRepos()
const totalFollowers = await getTotalFollowers()
const [totalRepos, totalFollowers] = await Promise.all([
getTotalRepos(),
getTotalFollowers()
])
const totalStars = await getTotalStars(totalRepos)
return {
props: {
totalRepos,
totalFollowers
totalFollowers,
totalStars
}
}
}