feat: about page

Author: agmmtoo

app/(protected)/admin/dashboard/page.tsx

@@ -40,6 +40,8 @@ export const metadata: Metadata = {
   title: `Dashboard · ${SITE_NAME}`,
 }
 
+export const dynamic = 'force-dynamic'
+
 export default async function DashboardPage({
   searchParams,
 }: {

app/(protected)/admin/page.tsx

@@ -18,17 +18,19 @@ import { IsLoggedIn } from '@/lib/firebase/firebase'
 import { logoutAction } from '@/lib/actions/logout'
 import { ModeToggle } from '@/components/button-toggle-theme'
 import { redirect, RedirectType } from 'next/navigation'
+import type { Route } from 'next'
 import { addDays, format, subMonths } from 'date-fns'
+type MenuItem = {
+  title: string
+  icon: typeof Library
+  href: Route
+}
 
-const now = new Date()
-const to = format(addDays(now, 1), 'dd-MM-yyyy')
-const from = format(subMonths(now, 1), 'dd-MM-yyyy')
-
-const menuItems = [
+const baseMenuItems: MenuItem[] = [
   {
     title: 'Dashboard',
     icon: ChartSpline,
-    href: `/admin/dashboard?from=${from}&to=${to}`,
+    href: '/admin/dashboard',
   },
   { title: 'Libraries', icon: Library, href: '/admin/libraries' },
   { title: 'Notifications', icon: BellIcon, href: '/notifications' },
@@ -49,7 +51,9 @@ const menuItems = [
   { title: 'Collections', icon: BookCopy, href: '/admin/collections' },
   { title: 'Reviews', icon: MessageSquare, href: '/admin/reviews' },
   { title: 'Jobs', icon: Workflow, href: '/admin/jobs' },
-] as const
+]
+
+export const dynamic = 'force-dynamic'
 
 export default async function LibraryDashboard() {
   const claim = await IsLoggedIn()
@@ -68,6 +72,18 @@ export default async function LibraryDashboard() {
     redirect(`/`, RedirectType.replace)
   }
 
+  const now = new Date()
+  const to = format(addDays(now, 1), 'dd-MM-yyyy')
+  const from = format(subMonths(now, 1), 'dd-MM-yyyy')
+  const menuItems = baseMenuItems.map((item) =>
+    item.title === 'Dashboard'
+      ? {
+          ...item,
+          href: `/admin/dashboard?from=${from}&to=${to}` as Route,
+        }
+      : item
+  )
+
   return (
     <main className="min-h-[calc(100vh-4rem)] p-8">
       <div className="max-w-2xl mx-auto space-y-4">

app/about/page.tsx

@@ -1,6 +1,11 @@
 import { ArrowLeft } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 import Link from 'next/link'
+import type { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'About',
+}
 
 export default function AboutPage() {
   return (

components/landing.tsx

@@ -102,6 +102,12 @@ export default function LandingPage() {
             >
               Explore Books
             </Link>
+            <Link
+              href="/about"
+              className="hover:text-foreground transition-colors"
+            >
+              About
+            </Link>
             <Link
               href="/login"
               className="hover:text-foreground transition-colors"
@@ -295,6 +301,12 @@ export default function LandingPage() {
             >
               Explore Books
             </Link>
+            <Link
+              href="/about"
+              className="hover:text-foreground transition-colors"
+            >
+              About
+            </Link>
             <Link
               href="/terms"
               className="hover:text-foreground transition-colors"