{/* Left Half */}
@@ -23,7 +31,7 @@ export default async function Home() {
{/* Right Half */}
-
+
Start managing your portfolios
+
+
+ {/* This width has been manually set to align the buttons but should be improved */}
+
+
+
Sign in with a Social Account
-
diff --git a/src/app/portfolio/[slug]/building-passport/[propertyId]/energy-assessment/DocumentsTable.tsx b/src/app/portfolio/[slug]/building-passport/[propertyId]/energy-assessment/DocumentsTable.tsx
new file mode 100644
index 00000000..5a58717f
--- /dev/null
+++ b/src/app/portfolio/[slug]/building-passport/[propertyId]/energy-assessment/DocumentsTable.tsx
@@ -0,0 +1,105 @@
+"use client";
+
+import React from "react";
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableRow,
+} from "@/app/shadcn_components/ui/table";
+import { BrandButton } from "@/app/components/Buttons";
+import { useMutation } from "@tanstack/react-query";
+import { DocumentType } from "@/app/db/schema/energy_assessments";
+
+// Use the type directly from the array
+type Document = {
+ id: bigint;
+ documentType: (typeof DocumentType)[number]; // Create a union type from the array
+ documentLocation: string; // S3 file key
+ uploadedAt: Date;
+};
+
+type Props = {
+ documents: Document[];
+ allowedTypes: (typeof DocumentType)[number][]; // Use the union type for allowedTypes as well
+};
+
+// Descriptions based on the document types
+const descriptions: { [key in (typeof DocumentType)[number]]: string } = {
+ EPR: "Contains current energy performance of your home, and recommendations for improvement",
+ "Condition Report":
+ "Detailed report on property condition, including photographs",
+ "Evidence Report": "Additional photographic evidence from the survey",
+ "Summary Information": "Summarized survey outputs and site notes",
+ "Floor Plan": "Layout of the property and room/window dimensions",
+ "Scenario Draft EPC": "Draft EPC based on a given scenario",
+ "Scenario Site Notes": "Site notes from the scenario analysis",
+};
+
+// Fetch the presigned URL from the API
+async function generatePresignedUrl(fileKey: string) {
+ const response = await fetch("/api/energy-assessment-documents", {
+ method: "POST",
+ body: JSON.stringify({ fileKey }),
+ });
+
+ if (!response.ok) {
+ throw new Error("Failed to generate presigned URL");
+ }
+
+ const data = await response.json();
+ return data.url;
+}
+
+export const DocumentsTable: React.FC
= ({
+ documents,
+ allowedTypes,
+}) => {
+ // Filter the documents based on the allowed types
+ const relevantDocuments = documents.filter((doc) =>
+ allowedTypes.includes(doc.documentType)
+ );
+
+ // Mutation to handle the presigned URL generation
+ const { mutate: fetchPresignedUrl } = useMutation(
+ // Use the file key as the argument to generate the URL
+ async (fileKey: string) => await generatePresignedUrl(fileKey),
+ {
+ onSuccess: (url) => {
+ window.open(url, "_blank"); // Open the file in a new tab
+ },
+ onError: (error) => {
+ console.error("Error generating presigned URL:", error);
+ },
+ }
+ );
+
+ const handleDownload = (documentLocation: string) => {
+ // Generate URL and open in new tab
+ fetchPresignedUrl(documentLocation);
+ };
+
+ return (
+
+
+ {relevantDocuments.map((doc) => (
+
+
+ {doc.documentType}
+
+
+ {descriptions[doc.documentType] || ""}
+
+
+ handleDownload(doc.documentLocation)} // Call the download handler
+ backgroundColor="brandgold"
+ />
+
+
+ ))}
+
+
+ );
+};
diff --git a/src/app/portfolio/[slug]/building-passport/[propertyId]/energy-assessment/page.tsx b/src/app/portfolio/[slug]/building-passport/[propertyId]/energy-assessment/page.tsx
new file mode 100644
index 00000000..4522de87
--- /dev/null
+++ b/src/app/portfolio/[slug]/building-passport/[propertyId]/energy-assessment/page.tsx
@@ -0,0 +1,188 @@
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/app/shadcn_components/ui/card";
+
+import {
+ getEnergyAssessment,
+ getEnergyAssessmentDocuments,
+ getPropertyMeta,
+} from "../utils";
+import { DocumentsTable } from "./DocumentsTable";
+import { getEpcColorClass } from "@/app/utils";
+
+// Helper function to clean scenario names
+function cleanScenarioName(scenarioName: string | undefined) {
+ if (!scenarioName) {
+ return scenarioName;
+ }
+
+ return scenarioName.startsWith("Scenario")
+ ? scenarioName.replace(/^Scenario\s*/i, "").trim()
+ : scenarioName;
+}
+
+type InfoCardProps = {
+ title: string;
+ value: number | string;
+ unit: string;
+};
+
+const InfoCard: React.FC = ({ title, value, unit }) => {
+ const isEnergyRating = title === "Energy Rating";
+ const bgColorClass = isEnergyRating ? getEpcColorClass(value.toString()) : ""; // Get the EPC color if it's Energy Rating
+
+ return (
+
+
+
+ {title}
+
+
+
+
+ {value}
+ {unit}
+
+
+
+ );
+};
+
+export default async function EnergyAssessmentsPage({
+ params,
+}: {
+ params: { slug: string; propertyId: string };
+}) {
+ const propertyMeta = await getPropertyMeta(params.propertyId);
+ const ea = await getEnergyAssessment(propertyMeta.uprn);
+
+ // ea will be an empty object {} if there is no energy assessment
+
+ if (Object.keys(ea).length === 0) {
+ return (
+
+
+
+ This property does not have a Domna energy assessment
+
+
Please check back later for updates.
+
+
+ {/* EPC Card and Summary Information */}
+
+ {/* EPC Rating Card */}
+
+
+
+
+
+
+
+
+
+ {/* Estimated Hot Water kWh */}
+
+
+
+ {/* Core Survey Documents */}
+
+
+ Core Survey Documents
+
+
+
+
+
+
+ {/* Scenario-Specific Documents */}
+ {scenarios.map((scenarioName) => {
+ const scenarioDocs = scenarioDocuments.filter(
+ (doc) => doc.scenario?.scenarioName === scenarioName
+ );
+
+ return (
+
+
+ Scenario: {cleanScenarioName(scenarioName)}
+
+
+
+ );
+ })}
+