From 33aebe5b973c4c89fa3bd81115d842663d814854 Mon Sep 17 00:00:00 2001
From: Khalim Conn-Kowlessar <kconnkowlessar@gmail.com>
Date: Thu, 4 Jan 2024 14:18:43 +0000
Subject: [PATCH] implemented estimation notification in the front end

---
 src/app/api/property-meta/[propertyId]/route.ts       |  1 +
 src/app/db/schema/property.ts                         |  1 +
 .../[slug]/building-passport/[propertyId]/layout.tsx  | 11 +++++++++++
 .../[propertyId]/pre-assessment-report/page.tsx       |  3 ---
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/app/api/property-meta/[propertyId]/route.ts b/src/app/api/property-meta/[propertyId]/route.ts
index d4c54037..226ba6c9 100644
--- a/src/app/api/property-meta/[propertyId]/route.ts
+++ b/src/app/api/property-meta/[propertyId]/route.ts
@@ -36,6 +36,7 @@ export async function GET(
         columns: {
           adjustedEnergyConsumption: true,
           co2Emissions: true,
+          estimated: true,
         },
       },
     },
diff --git a/src/app/db/schema/property.ts b/src/app/db/schema/property.ts
index 1a212884..10665bdf 100644
--- a/src/app/db/schema/property.ts
+++ b/src/app/db/schema/property.ts
@@ -35,6 +35,7 @@ export interface PropertyMeta {
   detailsEpc: {
     adjustedEnergyConsumption: number | null;
     co2Emissions: number | null;
+    estimated: boolean;
   };
 }
 
diff --git a/src/app/portfolio/[slug]/building-passport/[propertyId]/layout.tsx b/src/app/portfolio/[slug]/building-passport/[propertyId]/layout.tsx
index 3819e58c..3ff4176e 100644
--- a/src/app/portfolio/[slug]/building-passport/[propertyId]/layout.tsx
+++ b/src/app/portfolio/[slug]/building-passport/[propertyId]/layout.tsx
@@ -1,6 +1,16 @@
 import { Toolbar } from "@/app/components/building-passport/Toolbar";
 import { getPropertyMeta } from "./utils";
 import BackToPortfolioButton from "@/app/components/building-passport/BackToPortfolioButton";
+import { ExclamationCircleIcon } from "@heroicons/react/24/outline";
+
+function EstimatedDataNotification() {
+  return (
+    <div className="flex items-center text-brandmidblue mt-4">
+      <ExclamationCircleIcon className="h-5 w-5 mr-2" />
+      <div>Data for this property has been estimated based on nearby homes</div>
+    </div>
+  );
+}
 
 export default async function DashboardLayout({
   children, // will be a page or nested layout
@@ -39,6 +49,7 @@ export default async function DashboardLayout({
         <div className="col-span-12 justify-center bg-gray-50 py-2 rounded-md">
           <Toolbar propertyId={propertyId} portfolioId={portfolioId} />
         </div>
+        {propertyMeta.detailsEpc.estimated && <EstimatedDataNotification />}
         {children}
       </div>
     </section>
diff --git a/src/app/portfolio/[slug]/building-passport/[propertyId]/pre-assessment-report/page.tsx b/src/app/portfolio/[slug]/building-passport/[propertyId]/pre-assessment-report/page.tsx
index 235abb5b..1f7c118f 100644
--- a/src/app/portfolio/[slug]/building-passport/[propertyId]/pre-assessment-report/page.tsx
+++ b/src/app/portfolio/[slug]/building-passport/[propertyId]/pre-assessment-report/page.tsx
@@ -47,9 +47,6 @@ function PropertyDetailsCard({
     .filter(Boolean)
     .join(" ");
 
-  console.log("KJHEKJLWFWEL");
-  console.log(propertyDetailsSpatial);
-
   return (
     <div className="w-full flex flex-col items-center p-4 shadow rounded-md justify-start bg-gray-100">
       <div className="grid grid-cols-2 gap-8 text-m w-full h-full text-sm">