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

Updated views component

Browse Source
This commit is contained in:
r-freeman 2023-01-17 21:42:10 +00:00
parent 7281397fd5
commit a5d262bcf2
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ArticleLayout.tsx
View File

@ -97,7 +97,7 @@ export function ArticleLayout({
<time dateTime={date}> <time dateTime={date}>
<span>{formatDate(date)}</span> <span>{formatDate(date)}</span>
</time> </time>
{' '}&middot;{' '}<Views slug={slug}/> <Views slug={slug}/>
</p> </p>
</header> </header>
<Prose className="mt-8">{children}</Prose> <Prose className="mt-8">{children}</Prose>

6
src/components/Views.tsx
View File

@ -13,7 +13,9 @@ type ViewsType = {
} }
export function Views({as: Component = 'span', slug}: { as?: ElementType, slug: string }) { export function Views({as: Component = 'span', slug}: { as?: ElementType, slug: string }) {
const {data} = useSWR<ViewsType>(`/api/views/${slug}`, fetcher) const {data} = useSWR<ViewsType>(`/api/views/${slug}`, fetcher, {
revalidateOnFocus: false
})
const views = Number(data?.views) const views = Number(data?.views)
useEffect(() => { useEffect(() => {
@ -27,7 +29,7 @@ export function Views({as: Component = 'span', slug}: { as?: ElementType, slug:
return ( return (
<Component> <Component>
{views > 0 ? `${numberFormat(views)} views` : ''} {views > 0 ? ` · ${numberFormat(views)} views` : ''}
</Component> </Component>
) )
} }