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

Refactored views component and removed image

Browse Source
This commit is contained in:
r-freeman 2023-01-18 21:36:47 +00:00
parent 2f098f1429
commit a7784789fd
2 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/avatar.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 291 KiB

18
src/components/Views.tsx
View File

@ -1,33 +1,27 @@
import {ElementType, useEffect} from 'react'
import useSWR from 'swr'
import useSWRImmutable from 'swr/immutable'
import fetcher from '@/lib/fetcher'
function numberFormat(value: number) {
return new Intl.NumberFormat('en', {
notation: 'compact'
}).format(value)
}
type ViewsType = {
views: string
}
const updateViews = (slug: string) => fetcher(`/api/views/${slug}`, {method: 'POST'})
export function Views({as: Component = 'span', slug}: { as?: ElementType, slug: string }) {
const {data} = useSWR<ViewsType>(`/api/views/${slug}`, fetcher)
const {data} = useSWRImmutable(`/api/views/${slug}`, fetcher)
const views = Number(data?.views)
useEffect(() => {
const registerView = () =>
fetch(`/api/views/${slug}`, {
method: 'POST'
})
registerView().then(r => r)
updateViews(slug).then(r => r)
}, [slug])
return (
<Component>
{views > 0 ? ` · ${numberFormat(views)} views` : ''}
{` · ${views > 0 ? numberFormat(views) : '---'} views`}
</Component>
)
}