Add Views component to pages

.gitea/workflows/publish.yml

@@ -49,4 +49,8 @@ jobs:
       - name: Pull new image and start Docker container
         run: |
           sudo docker pull ${{secrets.DOCKER_HUB_USERNAME}}/${{vars.REPO_NAME}}:v1
-          sudo docker run -d --restart unless-stopped --env-file ./.env --name portfolio -p ${{vars.DEPLOY_IP}}:3000:3000 ${{secrets.DOCKER_HUB_USERNAME}}/${{vars.REPO_NAME}}:v1
+          sudo docker run -d --restart unless-stopped \
+          --env-file ./.env \
+          --name portfolio \
+          -p ${{vars.DEPLOY_IP}}:3000:3000 \
+          ${{secrets.DOCKER_HUB_USERNAME}}/${{vars.REPO_NAME}}:v1

app/about/page.tsx

@@ -7,6 +7,7 @@ import {GitHubIcon, LinkedInIcon} from '@/components/icons/SocialIcons'
 import clsx from 'clsx'
 import me from '@/public/images/me.jpg'
 import awsCCPBadge from '@/public/images/aws-certified-cloud-practitioner-badge.png'
+import {Views} from '@/components/ui/Views';
 
 export const metadata = {
     title: 'About - Ryan Freeman',
@@ -129,6 +130,7 @@ export default async function About() {
                     </Link>
                 </div>
             </div>
+            <Views slug="/about" shouldUpdateViews={true} shouldRender={false}/>
         </Container>
     )
 }

app/page.tsx

@@ -62,6 +62,7 @@ export default async function Home() {
                         />
                     </div>
                 </div>
+                <Views slug="/home" shouldUpdateViews={true} shouldRender={false}/>
             </Container>
             <Container className="mt-24 md:mt-28">
                 <div className="mx-auto grid max-w-xl grid-cols-1 gap-y-20 lg:max-w-none lg:grid-cols-2">

app/projects/page.tsx

@@ -4,6 +4,8 @@ import {SimpleLayout} from '@/components/layouts/SimpleLayout'
 import {Card} from '@/components/ui/Card'
 import {getPinnedRepos} from '@/lib/github'
 import {numberFormat} from '@/lib/numberFormat'
+import {Views} from '@/components/ui/Views';
+import React from 'react';
 
 export const metadata = {
     title: 'Projects - Ryan Freeman',
@@ -54,6 +56,7 @@ export default async function Projects() {
                     </Card>
                 ))}
             </ul>
+            <Views slug="/projects" shouldUpdateViews={true} shouldRender={false}/>
         </SimpleLayout>
     )
 }

app/reading/page.tsx

@@ -1,5 +1,7 @@
 import {SimpleLayout} from '@/components/layouts/SimpleLayout'
 import {Card} from '@/components/ui/Card'
+import {Views} from '@/components/ui/Views';
+import React from 'react';
 
 export const metadata = {
     title: 'Reading - Ryan Freeman',
@@ -84,6 +86,7 @@ export default async function Reading() {
                     </Card>
                 ))}
             </ul>
+            <Views slug="/reading" shouldUpdateViews={true} shouldRender={false}/>
         </SimpleLayout>
     )
 }

app/uses/page.tsx

@@ -1,7 +1,8 @@
-import {ReactNode} from 'react'
+import React, {ReactNode} from 'react'
 import {SimpleLayout} from '@/components/layouts/SimpleLayout'
 import {Card} from '@/components/ui/Card'
 import {Section} from '@/components/ui/Section'
+import {Views} from '@/components/ui/Views';
 
 export const metadata = {
     title: 'Uses - Ryan Freeman',
@@ -116,6 +117,7 @@ export default function Uses() {
                     </Tool>
                 </ToolsSection>
             </div>
+            <Views slug="/uses" shouldUpdateViews={true} shouldRender={false}/>
         </SimpleLayout>
     )
 }

app/writing/page.tsx

@@ -49,6 +49,7 @@ export default async function Writing() {
                     ))}
                 </div>
             </div>
+            <Views slug="/writing" shouldUpdateViews={true} shouldRender={false}/>
         </SimpleLayout>
     )
 }