pagination

app/(auth)/dashboard/page.tsx

@@ -8,7 +8,9 @@ import React from 'react'
 
 export default async function DashboardPage() {
     const events = await queries.fetchEvents();
-    const guestBookEntries = await queries.fetchGuestBookEntries(5);
+    const guestBookData = await queries.fetchGuestBookEntries({ takeOnlyRecent: 5 });
+
+    const guestBookEntries = Array.isArray(guestBookData) ? guestBookData : guestBookData.entries;
 
     return (
         <div className='grid grid-cols-1 md:grid-cols-7 gap-4'>

app/(auth)/guest-book/page.tsx

@@ -3,11 +3,26 @@ import { queries } from '@/lib/queries'
 import { getServerSession } from 'next-auth'
 import GuestBookPageClient from '@/components/GuestBookPageClient'
 
-export default async function GuestBookPage() {
+export default async function GuestBookPage({ searchParams }: { searchParams: { page?: string } }) {
     const session = await getServerSession(authOptions)
     if (!session?.user) return <p className='text-center mt-10'>Unauthorized</p>
 
-    const entries = await queries.fetchGuestBookEntries()
+    const currentPage = Number(searchParams.page) || 1
 
-    return <GuestBookPageClient entries={entries} />
+    const guestBookData = await queries.fetchGuestBookEntries({
+        page: currentPage,
+        pageSize: 10,
+    })
+
+    const { entries, totalPages, currentPage: verifiedPage } = !Array.isArray(guestBookData)
+        ? guestBookData
+        : { entries: guestBookData, totalPages: 1, currentPage: 1 }
+
+    return (
+        <GuestBookPageClient
+            entries={entries}
+            totalPages={totalPages}
+            currentPage={verifiedPage}
+        />
+    )
 }