From 1fe13a1bca1f196f418ba6fc2d2a4e302f427daa Mon Sep 17 00:00:00 2001
From: "Mr. Hasan" <hasanshahriar32@gmail.com>
Date: Sat, 19 Oct 2024 06:37:11 +0600
Subject: [PATCH] Refactor image handling and styling in project gallery page

---
 app/(personal)/projects/[slug]/gallery/page.tsx | 11 +++++------
 types/index.ts                                  |  3 +++
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/(personal)/projects/[slug]/gallery/page.tsx b/app/(personal)/projects/[slug]/gallery/page.tsx
index 0001193..62c7204 100644
--- a/app/(personal)/projects/[slug]/gallery/page.tsx
+++ b/app/(personal)/projects/[slug]/gallery/page.tsx
@@ -13,12 +13,11 @@ import Bridge from "../../../../../components/Icons/Bridge"
 
 type Props = {
   params: { slug: string },
-  SeoData: SeoType
 }
 
-const GalleryPage: NextPage = async ({ params , SeoData}: Props,) => {
-  console.log(params)
+const GalleryPage: NextPage = async ({ params }: Props,) => {
   const initial = await loadProject(params.slug)
+  // console.log(initial)
   const currentURL = `https://ece21.vercel.app/projects/${params.slug}/gallery`
   const handleSocialShare = (socialPlatform: any) => {
     // Replace this with your custom share functionality
@@ -29,7 +28,7 @@ const GalleryPage: NextPage = async ({ params , SeoData}: Props,) => {
   }
 
   return (
-    <CustomNextSeo seo={SeoData} slug={params?.slug}>
+    <CustomNextSeo seo={initial?.data?.seo ?? null} slug={params?.slug}>
       <main className="mx-auto max-w-[1960px] p-4">
         <div className="columns-1 gap-4 sm:columns-2 xl:columns-3 2xl:columns-4">
           <div className="after:content border-spacing-2 border relative mb-5 flex h-[540px] md:[h-600px] lg:h-[650px] flex-col items-center justify-end gap-4 overflow-hidden rounded-lg bg-white/90 px-6 pb-16 pt-64 text-center shadow-highlight after:pointer-events-none after:absolute after:inset-0 after:rounded-lg after:shadow-highlight lg:pt-0">
@@ -81,7 +80,7 @@ const GalleryPage: NextPage = async ({ params , SeoData}: Props,) => {
           <Gallery data={initial?.data} />
         </div>
       </main>
-      <footer className="p-6 text-center text-white/80 sm:p-12">
+      {/* <footer className="p-6 text-center text-white/80 sm:p-12">
         Thank you to{' '}
         <a
           href="https://edelsonphotography.com/"
@@ -110,7 +109,7 @@ const GalleryPage: NextPage = async ({ params , SeoData}: Props,) => {
           Gary Sexton
         </a>{' '}
         for the pictures.
-      </footer>
+      </footer> */}
     </CustomNextSeo>
   )
 }
diff --git a/types/index.ts b/types/index.ts
index efafa9c..37f5de2 100644
--- a/types/index.ts
+++ b/types/index.ts
@@ -35,6 +35,7 @@ export interface ShowcaseProject {
 // Page payloads
 
 export interface HomePagePayload {
+  seo?: SeoType
   footer?: PortableTextBlock[]
   overview?: PortableTextBlock[]
   showcaseProjects?: ShowcaseProject[]
@@ -49,6 +50,7 @@ export interface LadderPayload {
 
 export interface PagePayload {
   body?: PortableTextBlock[]
+  seo?: SeoType
   name?: string
   overview?: PortableTextBlock[]
   title?: string
@@ -57,6 +59,7 @@ export interface PagePayload {
 
 export interface ProjectPayload {
   client?: string
+  seo?: SeoType
   coverImage?: Image
   description?: PortableTextBlock[]
   cloudinaryList?: any