From 92bd82a0d5a31159e330b42bb280049f95c4d677 Mon Sep 17 00:00:00 2001
From: Khalim Conn-Kowlessar <kconnkowlessar@gmail.com>
Date: Mon, 5 Aug 2024 16:42:25 +0100
Subject: [PATCH] fix bug preventing adding scenario comparison

---
 .../components/portfolio/summary/SelectComparisonModal.tsx  | 4 +++-
 src/app/components/portfolio/summary/SummaryTable.tsx       | 6 +++++-
 .../[slug]/building-passport/[propertyId]/plans/page.tsx    | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/app/components/portfolio/summary/SelectComparisonModal.tsx b/src/app/components/portfolio/summary/SelectComparisonModal.tsx
index cab2199..e291ca4 100644
--- a/src/app/components/portfolio/summary/SelectComparisonModal.tsx
+++ b/src/app/components/portfolio/summary/SelectComparisonModal.tsx
@@ -12,7 +12,9 @@ const SelectComparisonModal = ({
   scenarios: { name: string | null; id: bigint }[];
   onAddColumn: (columnName: string) => void;
 }) => {
-  const [selectedScenario, setSelectedScenario] = useState("");
+  const [selectedScenario, setSelectedScenario] = useState(() => {
+    return scenarios && scenarios.length > 0 ? scenarios[0].id.toString() : "";
+  });
 
   const addColumn = () => {
     onAddColumn(selectedScenario);
diff --git a/src/app/components/portfolio/summary/SummaryTable.tsx b/src/app/components/portfolio/summary/SummaryTable.tsx
index ef7b2e0..ada61aa 100644
--- a/src/app/components/portfolio/summary/SummaryTable.tsx
+++ b/src/app/components/portfolio/summary/SummaryTable.tsx
@@ -32,6 +32,8 @@ export async function getComparsionOverviewScenarioData(
     next: { revalidate: 60 },
   });
   if (!response.ok) {
+    // Print the error
+    console.error(response.statusText);
     throw new Error("Network response was not ok");
   }
   return response.json();
@@ -180,7 +182,9 @@ const SummaryTable = ({
         isOpen={isModalOpen}
         setIsOpen={setIsModalOpen}
         scenarios={scenarios}
-        onAddColumn={(id: string) => setSelectedScenarioId(id)}
+        onAddColumn={(id: string) => {
+          setSelectedScenarioId(id);
+        }}
       />
 
       <div className="overflow-x-auto shadow-md sm:rounded-lg">
diff --git a/src/app/portfolio/[slug]/building-passport/[propertyId]/plans/page.tsx b/src/app/portfolio/[slug]/building-passport/[propertyId]/plans/page.tsx
index b9a5a5e..02468ca 100644
--- a/src/app/portfolio/[slug]/building-passport/[propertyId]/plans/page.tsx
+++ b/src/app/portfolio/[slug]/building-passport/[propertyId]/plans/page.tsx
@@ -27,7 +27,7 @@ function PlanCard({
         <EpcCard
           epcRating={expectedEpcRating}
           fullMargin={true}
-          expected={isDefault}
+          expected={true}
         />
       </div>
       <div className="flex-grow pl-4 flex flex-col justify-between">