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

Refactor portfolio/[uid]/hook.ts and portfolio/[uid]/page.tsx

Browse Source
This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-10-30 15:04:01 +07:00
parent 16a171db3c
commit 2fba56288d
2 changed files with 88 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
src/app/portfolio/[uid]/hook.ts
View File

@ -1,3 +1,6 @@
import { SupabaseClient } from "@supabase/supabase-js";
import { getProjectTag, getTagName } from "@/lib/data/query";
// only use deal that were made at most year ago
interface Deal {
created_time: string | number | Date;
@ -87,6 +90,67 @@ function dayOftheWeekData(deals: Deal[]): DayOfWeekData[] {
});
return dayOfWeekData;
}
async function getInvestorProjectTag(
supabase: SupabaseClient,
deals: number | { project_id: number }[]
) {
// get unique project id from deals
const uniqueProjectIds: number[] = Array.isArray(deals)
? Array.from(
new Set(deals.map((deal: { project_id: number }) => deal.project_id))
)
: [];
const tagIds = (
await Promise.all(
uniqueProjectIds.map(async (projectId: number) => {
const { data: tagIdsArray, error: tagError } = await getProjectTag(
supabase,
projectId
);
if (tagError) {
console.error(tagError);
return [];
}
return tagIdsArray?.map((tag: { tag_id: any }) => tag.tag_id) || [];
})
)
).flat();
// console.log(tagIds, uniqueProjectIds);
const tagNames = await Promise.all(
tagIds
.filter((tagId) => tagId !== null)
.map(async (id: number) => {
const { data: tagName, error: nameError } = await getTagName(
supabase,
id
);
if (nameError) {
console.error(nameError);
return null;
}
return tagName;
})
);
// console.log(tagNames);
return tagNames.filter((tagName) => tagName !== null);
}
const countTags = (tags: any[]) => {
const tagCounts = tags.flat().reduce(
(acc, tag) => {
const tagName = tag.value;
acc[tagName] = (acc[tagName] || 0) + 1;
return acc;
},
{} as Record<string, number>
);
return Object.entries(tagCounts).map(([name, count]) => ({
name,
count: count as number,
}));
};
const getDayAbbreviation = (dateString: string | number | Date) => {
const date = new Date(dateString);
return date.toLocaleString("default", { weekday: "short" });
@ -103,4 +167,10 @@ const getMonthName = (dateString: string) => {
return date.toLocaleString("default", { month: "long", year: "numeric" });
};
export { overAllGraphData, fourYearGraphData, dayOftheWeekData };
export {
overAllGraphData,
fourYearGraphData,
dayOftheWeekData,
getInvestorProjectTag,
countTags,
};

84
src/app/portfolio/[uid]/page.tsx
View File

@ -1,8 +1,14 @@
import { Overview } from "@/components/ui/overview";
import { createSupabaseClient } from "@/lib/supabase/serverComponentClient";
import { getInvestorDeal, getProjectTag, getTagName } from "@/lib/data/query";
import { getInvestorDeal } from "@/lib/data/query";
import PieChart from "@/components/pieChart";
import { overAllGraphData, fourYearGraphData, dayOftheWeekData } from "./hook";
import {
overAllGraphData,
fourYearGraphData,
dayOftheWeekData,
getInvestorProjectTag,
countTags,
} from "./hook";
export default async function Portfolio({
params,
@ -14,74 +20,18 @@ export default async function Portfolio({
supabase,
params.uid
);
const overAllData = deals ? overAllGraphData(deals) : [];
const fourYearData = deals ? fourYearGraphData(deals) : [];
const dayOfWeekData = deals ? dayOftheWeekData(deals) : [];
const projectTag = async () => {
// get unique project id from deals
const uniqueProjectIds = Array.from(
new Set(deals?.map((deal) => deal.project_id))
);
const tagIds = (
await Promise.all(
uniqueProjectIds.map(async (projectId: number) => {
const { data: tagIdsArray, error: tagError } = await getProjectTag(
supabase,
projectId
);
if (tagError) {
console.error(tagError);
return [];
}
return tagIdsArray?.map((tag) => tag.tag_id) || [];
})
)
).flat();
// console.log(tagIds, uniqueProjectIds);
const tagNames = await Promise.all(
tagIds
.filter((tagId) => tagId !== null)
.map(async (id: number) => {
const { data: tagName, error: nameError } = await getTagName(
supabase,
id
);
if (nameError) {
console.error(nameError);
return null;
}
return tagName;
})
);
// console.log(tagNames);
return tagNames.filter((tagName) => tagName !== null);
};
const countTags = (tags: any[]) => {
const tagCounts = tags.flat().reduce(
(acc, tag) => {
const tagName = tag.value;
acc[tagName] = (acc[tagName] || 0) + 1;
return acc;
},
{} as Record<string, number>
);
return Object.entries(tagCounts).map(([name, count]) => ({
name,
count: count as number,
}));
};
const tags = await projectTag();
// console.log(tags);
const tagCount = countTags(tags);
// console.log(tagCount);
if (investorDealError) {
console.error(investorDealError);
}
const overAllData = deals ? overAllGraphData(deals) : [];
const fourYearData = deals ? fourYearGraphData(deals) : [];
const dayOfWeekData = deals ? dayOftheWeekData(deals) : [];
const tags = deals ? await getInvestorProjectTag(supabase, deals) : [];
const tagCount = countTags(tags);
// console.log(tags);
// console.log(tagCount);
return (
<div>