From b25895e5ad8d4022ec1f8edb2c8a26c11fdd52e3 Mon Sep 17 00:00:00 2001
From: Naytitorn Chaovirachot <naytitorn21@gmail.com>
Date: Fri, 1 Nov 2024 23:12:15 +0700
Subject: [PATCH] connect image carousel to database

---
 src/app/(investment)/deals/[id]/page.tsx | 13 ++++++-------
 src/lib/data/projectQuery.ts             |  1 +
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/(investment)/deals/[id]/page.tsx b/src/app/(investment)/deals/[id]/page.tsx
index a84ee65..4342bd7 100644
--- a/src/app/(investment)/deals/[id]/page.tsx
+++ b/src/app/(investment)/deals/[id]/page.tsx
@@ -35,13 +35,13 @@ export default async function ProjectDealPage({ params }: { params: { id: number
   // timeDiff, if negative convert to zero
   const timeDiff = Math.max((new Date(projectData.investment_deadline)).getTime() - new Date().getTime(), 0)
   const hourLeft = Math.floor(timeDiff / (1000 * 60 * 60));
-  console.log(hourLeft)
+
   const carouselData = [
-    { src: "/boiler1.jpg", alt: "Boiler 1" },
-    { src: "/boiler1.jpg", alt: "Boiler 1" },
-    { src: "/boiler1.jpg", alt: "Boiler 1" },
-    { src: "/boiler1.jpg", alt: "Boiler 1" },
-    { src: "/boiler1.jpg", alt: "Boiler 1" },
+    { src: projectData.card_image_url, alt: `${projectData.project_name} Image` },
+    { src: projectData.card_image_url, alt: `${projectData.project_name} Image` },
+    { src: projectData.card_image_url, alt: `${projectData.project_name} Image` },
+    { src: projectData.card_image_url, alt: `${projectData.project_name} Image` },
+    { src: projectData.card_image_url, alt: `${projectData.project_name} Image` },
   ];
 
   return (
@@ -95,7 +95,6 @@ export default async function ProjectDealPage({ params }: { params: { id: number
             <div id="stats" className="flex flex-col w-full mt-4 pl-12">
               <div className="pl-5">
                 <span>
-                  {/* #TODO use sum() instead of storing total in database */}
                   <h1 className="font-semibold text-xl md:text-4xl mt-8">${totalDealAmount}</h1>
                   <p className="text-sm md:text-lg">
                     {toPercentage(totalDealAmount, projectData?.target_investment)}%
diff --git a/src/lib/data/projectQuery.ts b/src/lib/data/projectQuery.ts
index c1a7217..6e0ae76 100644
--- a/src/lib/data/projectQuery.ts
+++ b/src/lib/data/projectQuery.ts
@@ -79,6 +79,7 @@ async function getProjectData(client: SupabaseClient, projectId: number) {
       project_short_description,
       project_description,
       published_time,
+      card_image_url,
       ...project_investment_detail!inner (
         min_investment,
         total_investment,