fix: update carouselData fallback to include default image and remove unnecessary console log

This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-11-06 16:26:52 +07:00
parent 6d45fd9408
commit 2b51f4d025

View File

@ -53,16 +53,17 @@ export default async function ProjectDealPage({ params }: { params: { id: number
const timeDiff = Math.max(new Date(projectData.investment_deadline).getTime() - new Date().getTime(), 0); const timeDiff = Math.max(new Date(projectData.investment_deadline).getTime() - new Date().getTime(), 0);
const hourLeft = Math.floor(timeDiff / (1000 * 60 * 60)); const hourLeft = Math.floor(timeDiff / (1000 * 60 * 60));
const carouselData = projectMaterial const carouselData =
? projectMaterial.flatMap((item) => projectMaterial && projectMaterial.length > 0
(item.material_url || ["/boiler1.jpg"]).map((url: string) => ({ ? projectMaterial.flatMap((item) =>
src: url, (item.material_url || ["/boiler1.jpg"]).map((url: string) => ({
alt: "Image", src: url,
})) alt: "Image",
) }))
: []; )
: [{ src: "/boiler1.jpg", alt: "Default Boiler Image" }];
console.log(carouselData); // console.log(carouselData);
return ( return (
<div className="container max-w-screen-xl my-5"> <div className="container max-w-screen-xl my-5">
@ -98,8 +99,6 @@ export default async function ProjectDealPage({ params }: { params: { id: number
</CarouselItem> </CarouselItem>
))} ))}
</CarouselContent> </CarouselContent>
<CarouselPrevious />
<CarouselNext />
</Carousel> </Carousel>
{/* second carousel */} {/* second carousel */}
<Carousel className="w-full ml-1 h-[100px] mt-5 overflow-hidden"> <Carousel className="w-full ml-1 h-[100px] mt-5 overflow-hidden">
@ -161,9 +160,7 @@ export default async function ProjectDealPage({ params }: { params: { id: number
<div className="flex w-fit"> <div className="flex w-fit">
<Tabs.Root defaultValue="pitch"> <Tabs.Root defaultValue="pitch">
<Tabs.List className="list-none flex gap-10 text-lg md:text-xl"> <Tabs.List className="list-none flex gap-10 text-lg md:text-xl">
<Tabs.Trigger value="pitch" className="text-yellow-300"> <Tabs.Trigger value="pitch">Pitch</Tabs.Trigger>
Pitch
</Tabs.Trigger>
<Tabs.Trigger value="general">General Data</Tabs.Trigger> <Tabs.Trigger value="general">General Data</Tabs.Trigger>
<Tabs.Trigger value="update">Updates</Tabs.Trigger> <Tabs.Trigger value="update">Updates</Tabs.Trigger>
</Tabs.List> </Tabs.List>