From 5dc9c77c25deff442e271392aba67cb040aa078d Mon Sep 17 00:00:00 2001
From: Citali <git@fellies.email>
Date: Thu, 3 Jul 2025 18:22:57 +0200
Subject: [PATCH] Refine image page, add about page

---
 src/app/(normal)/about/page.tsx            | 2 +-
 src/components/images/ImageMetadataBox.tsx | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/(normal)/about/page.tsx b/src/app/(normal)/about/page.tsx
index cf6c164..789c5d0 100644
--- a/src/app/(normal)/about/page.tsx
+++ b/src/app/(normal)/about/page.tsx
@@ -8,7 +8,7 @@ export default function AboutPage() {
       <section className="text-center space-y-4">
         <h1 className="text-4xl font-bold tracking-tight">About</h1>
         <p className="text-muted-foreground text-lg">
-          Fellies is a network of services for a small group of fluffy furry and furry-friendly folks.<br />
+          Fellies is a network of services for a small group of fluffy, furry and furry-friendly folks.<br />
           We are here to support the furry and queer communities and provide a safe space for them to express themselves.<br />
           This place is my personal space to showcase all the beautiful artwork that my (currently) three OCs, including my main fursona Citali, have received from all the amazing and talented artists.
         </p>
diff --git a/src/components/images/ImageMetadataBox.tsx b/src/components/images/ImageMetadataBox.tsx
index 6b0488b..cfd578e 100644
--- a/src/components/images/ImageMetadataBox.tsx
+++ b/src/components/images/ImageMetadataBox.tsx
@@ -1,11 +1,13 @@
 "use client"
 
-import { Album, Category, Tag } from "@/generated/prisma"
+import { Album, Category, Gallery, Tag } from "@/generated/prisma"
 import { CalendarDaysIcon, FolderIcon, LayersIcon, QuoteIcon, TagIcon } from "lucide-react"
 import Link from "next/link"
 
 type Props = {
-  album: Album | null
+  album: Album & {
+    gallery: Gallery | null
+  } | null
   categories: Category[]
   tags: Tag[]
   creationDate?: Date | null
@@ -61,7 +63,7 @@ export default function ImageMetadataBox({
       {album && (
         <div className="flex items-center gap-2  flex-wrap">
           <FolderIcon className="shrink-0 w-4 h-4 text-muted-foreground mt-[1px]" />
-          <Link href={`/galleries/${album.galleryId}/${album.slug}`} className="text-sm underline">
+          <Link href={`/galleries/${album.gallery?.slug}/${album.slug}`} className="text-sm underline">
             {album.name}
           </Link>
         </div>