added first reporting with new ui

This commit is contained in:
Khalim Conn-Kowlessar 2025-12-03 22:22:17 +00:00
parent 9b902d27df
commit 52d5a562c9

View file

@ -4,6 +4,13 @@ import {
} from "@/app/portfolio/[slug]/(portfolio)/reporting/loadBaselineMetrics";
import { DashboardSummaryCards } from "@/app/portfolio/[slug]/(portfolio)/reporting/DashboardSummaryCards";
import { BreakdownChart } from "@/app/portfolio/[slug]/(portfolio)/reporting/BreakdownChart";
import { EpcQualityCards } from "@/app/portfolio/[slug]/(portfolio)/reporting/EpcQualityCards";
import { SectionDivider } from "@/app/portfolio/[slug]/(portfolio)/reporting/SectionDivider";
import {
PlaceholderMetricCards,
CONDITION_PLACEHOLDERS,
FINANCIAL_PLACEHOLDERS,
} from "@/app/portfolio/[slug]/(portfolio)/reporting/PlaceholderMetricCards";
export default async function ReportingPage(props: {
params: Promise<{ slug: string }>;
@ -25,11 +32,19 @@ export default async function ReportingPage(props: {
<div className="h-px bg-gray-200 mt-2" />
</div>
{/* --- RETROFIT SECTION --- */}
<SectionDivider
title="Retrofit Summary"
subtitle="High-level insights on performance, energy, and EPC quality."
/>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6 p-6">
{/* LEFT SIDE: Portfolio Metrics */}
<DashboardSummaryCards
total={baseline.total}
totals={baseline.totals}
averages={baseline.averages}
estimatedCounts={baseline.estimatedCounts}
/>
{/* RIGHT SIDE: Chart */}
@ -38,7 +53,26 @@ export default async function ReportingPage(props: {
ageBands={baseline.ageBands}
propertyTypes={propertyTypes}
/>
<EpcQualityCards
estimatedCounts={baseline.estimatedCounts}
total={baseline.total}
/>
</div>
{/* --- CONDITION SECTION --- */}
<SectionDivider
title="Condition"
subtitle="Awaabs Law, decent homes and compliance"
/>
<PlaceholderMetricCards items={CONDITION_PLACEHOLDERS} />
{/* --- FINANCIAL SECTION --- */}
<SectionDivider
title="Financial Overview"
subtitle="Total bills, cost exposure, and potential funding pathways."
/>
<PlaceholderMetricCards items={FINANCIAL_PLACEHOLDERS} />
</div>
);
}