sosokker/B2D-Ventures
1
0
Fork 0
mirror of https://github.com/Sosokker/B2D-Ventures.git synced 2025-12-19 05:54:06 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: update info field in deals page

Browse Source
This commit is contained in:
Sosokker 2024-12-14 10:25:36 +07:00
parent e20bdf44aa
commit 05d2ad739c
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/(investment)/deals/[id]/page.tsx
View File

@ -8,7 +8,7 @@ import { Progress } from "@/components/ui/progress";
import { Separator } from "@/components/ui/separator"; import { Separator } from "@/components/ui/separator";
import { createSupabaseClient } from "@/lib/supabase/serverComponentClient"; import { createSupabaseClient } from "@/lib/supabase/serverComponentClient";
import FollowShareButtons from "./followShareButton"; import FollowShareButtons from "./followShareButton";
import { getProjectData } from "@/lib/data/projectQuery"; import { getProjectCardData, getProjectData } from "@/lib/data/projectQuery";
import { getDealList } from "@/app/api/dealApi"; import { getDealList } from "@/app/api/dealApi";
import { sumByKey, toPercentage } from "@/lib/utils"; import { sumByKey, toPercentage } from "@/lib/utils";
import { redirect } from "next/navigation"; import { redirect } from "next/navigation";
@ -62,6 +62,8 @@ export default async function ProjectDealPage({ params }: { params: { id: number
const projectBusinessOwnerId = projectData.user_id; const projectBusinessOwnerId = projectData.user_id;
const dealList = await getDealList(projectBusinessOwnerId); const dealList = await getDealList(projectBusinessOwnerId);
const { data, error } = await getProjectCardData(supabase, [params.id.toString()]);
const totalDealAmount = sumByKey(dealList, "deal_amount"); const totalDealAmount = sumByKey(dealList, "deal_amount");
// timeDiff, if negative convert to zero // timeDiff, if negative convert to zero
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);
@ -76,6 +78,17 @@ export default async function ProjectDealPage({ params }: { params: { id: number
) )
: [{ src: "/boiler1.jpg", alt: "Default Boiler Image" }]; : [{ src: "/boiler1.jpg", alt: "Default Boiler Image" }];
if (error) {
return (
<div className="container max-w-screen-xl my-5">
<p className="text-red-600">Error fetching data. Please try again.</p>
<Link href={`/deals/${params.id}`} className="mt-4">
<Button className="mt-4">Refresh</Button>
</Link>
</div>
);
}
return ( return (
<div className="container max-w-screen-xl my-5"> <div className="container max-w-screen-xl my-5">
<div className="flex flex-col gap-y-10"> <div className="flex flex-col gap-y-10">
@ -109,9 +122,9 @@ export default async function ProjectDealPage({ params }: { params: { id: number
<div id="stats" className="flex flex-col w-full mt-4"> <div id="stats" className="flex flex-col w-full mt-4">
<div className="pl-5"> <div className="pl-5">
<span> <span>
<h1 className="font-semibold text-xl md:text-4xl mt-8">${totalDealAmount}</h1> <h1 className="font-semibold text-xl md:text-4xl mt-8">{data?.[0]?.total_raise ?? 0}</h1>
<p className="text-sm md:text-lg"> <p className="text-sm md:text-lg">
{toPercentage(totalDealAmount, projectData?.target_investment)}% raised of $ {toPercentage(data?.[0]?.total_raise!, projectData?.target_investment)}% raised of $
{projectData?.target_investment} max goal {projectData?.target_investment} max goal
</p> </p>
<Progress <Progress
@ -121,7 +134,7 @@ export default async function ProjectDealPage({ params }: { params: { id: number
</span> </span>
<span> <span>
<h1 className="font-semibold text-4xl md:mt-8"> <h1 className="font-semibold text-4xl md:mt-8">
<p className="text-xl md:text-4xl">{dealList.length}</p> <p className="text-xl md:text-4xl">{data?.[0]?.total_investor ?? 0}</p>
</h1> </h1>
<p className="text-sm md:text-lg">Investors</p> <p className="text-sm md:text-lg">Investors</p>
</span> </span>