From 99421ebfa405e05336331b89e1828f367de82f7e Mon Sep 17 00:00:00 2001
From: KazooTTT <yjwang.echo@gmail.com>
Date: Sat, 23 Nov 2024 21:42:50 +0800
Subject: [PATCH] feat: all page add pageview

---
 src/components/layout/Footer.astro | 56 +++++++++++++++++++-----------
 1 file changed, 36 insertions(+), 20 deletions(-)

diff --git a/src/components/layout/Footer.astro b/src/components/layout/Footer.astro
index 4576cf1..927178b 100644
--- a/src/components/layout/Footer.astro
+++ b/src/components/layout/Footer.astro
@@ -1,5 +1,10 @@
 ---
 import { Icon } from 'astro-icon/components'
+import PageViews from '../PageViews'
+
+const pathname = new URL(Astro.request.url).pathname
+const isBlogPost = pathname.startsWith('/blog/') && pathname !== '/blog'
+const slug = pathname === '/' ? 'home' : pathname.replace(/^\/|\/$/g, '')
 ---
 
 <footer class='mx-auto mt-24 w-full'>
@@ -8,52 +13,63 @@ import { Icon } from 'astro-icon/components'
 			class='flex flex-col items-center gap-y-3 sm:flex sm:flex-row sm:items-center sm:justify-between sm:gap-y-0'
 		>
 			<div class='flex gap-x-4 text-sm'>
-				<!-- <a
-          class='inline-flex gap-x-2 text-gray-600 hover:text-gray-800 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600'
-          href='/terms'>Terms</a
-        >
-
-        <a
-          class='inline-flex gap-x-2 text-gray-600 hover:text-gray-800 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600'
-          href='/privacy'>Privacy</a
-        > -->
-				<p class=''> 2024 kazoottt. All rights reserved.</p>
+				<p class=''>2024 kazoottt. All rights reserved.</p>
 			</div>
 
+		
+
 			<div class='flex items-center justify-between'>
 				<!-- Social Brands -->
 				<div class='flex items-center gap-x-4'>
+					{
+						!isBlogPost && (
+							<div class='text-center'>
+								<PageViews slug={slug} />
+							</div>
+						)
+					}
 					<!-- Linkedin -->
 					<a
 						class='inline-block text-muted-foreground transition-all hover:text-muted-foreground/75'
 						href='mailto:work@kazoottt.top'
-						aria-label="Email"
+						aria-label='Email'
 					>
-						<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
-							<rect width="20" height="16" x="2" y="4" rx="2"/>
-							<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>
+						<svg
+							xmlns='http://www.w3.org/2000/svg'
+							width='20'
+							height='20'
+							viewBox='0 0 24 24'
+							fill='none'
+							stroke='currentColor'
+							stroke-width='2'
+							stroke-linecap='round'
+							stroke-linejoin='round'
+							class='h-5 w-5'
+						>
+							<rect width='20' height='16' x='2' y='4' rx='2'></rect>
+							<path d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'></path>
 						</svg>
 					</a>
 					<a
 						class='inline-block text-muted-foreground transition-all hover:text-muted-foreground/75'
 						href='https://github.com/kazoottt'
-						aria-label="GitHub"
+						aria-label='GitHub'
 					>
-						<Icon name="github" class="w-5 h-5" />
+						<Icon name='github' class='h-5 w-5' />
 					</a>
 					<a
 						class='inline-block text-muted-foreground transition-all hover:text-muted-foreground/75'
 						href='https://x.com/kazoottt'
-						aria-label="Twitter"
+						aria-label='Twitter'
 					>
-						<Icon name="twitter" class="w-5 h-5" />
+						<Icon name='twitter' class='h-5 w-5' />
 					</a>
 					<a
 						class='inline-block text-muted-foreground transition-all hover:text-muted-foreground/75'
 						href='/rss.xml'
-						aria-label="RSS Feed"
+						aria-label='RSS Feed'
 					>
-						<Icon name="rss" class="w-5 h-5" />
+						<Icon name='rss' class='h-5 w-5' />
 					</a>
 				</div>
 				<!-- End Social Brands -->