implemented epc update functionality

src/app/components/building-passport/RecommendationCard.tsx

@@ -15,21 +15,23 @@ export default function RecommendationCard({
   recommendationData,
   setCostMap,
   costMap,
-  totalEstimatedCost,
   setTotalEstimatedCost,
   sapMap,
   setSapMap,
   setTotalSapPoints,
+  currentSapPoints,
+  setExpectedEpcRating,
 }: {
   componentType: string;
   recommendationData: ComponentRecommendation[];
   setCostMap: Dispatch<SetStateAction<RecommendationMetricMap>>;
   costMap: RecommendationMetricMap;
-  totalEstimatedCost: number;
   setTotalEstimatedCost: Dispatch<SetStateAction<number>>;
   sapMap: RecommendationMetricMap;
   setSapMap: Dispatch<SetStateAction<RecommendationMetricMap>>;
   setTotalSapPoints: Dispatch<SetStateAction<number>>;
+  currentSapPoints: number;
+  setExpectedEpcRating: Dispatch<SetStateAction<string>>;
 }) {
   const defaultComponent = recommendationData.find(
     (rec: ComponentRecommendation) => rec.default
@@ -99,6 +101,8 @@ export default function RecommendationCard({
         sapMap={sapMap}
         setSapMap={setSapMap}
         setTotalSapPoints={setTotalSapPoints}
+        currentSapPoints={currentSapPoints}
+        setExpectedEpcRating={setExpectedEpcRating}
       />
     </div>
   );

src/app/portfolio/[slug]/building-passport/[propertyId]/recommendations/page.tsx

@@ -30,7 +30,7 @@ export default async function Recommendations() {
         estimatedCost: 9_450,
         default: true,
         newUValue: 0.29,
-        sapPoints: 11,
+        sapPoints: 4,
       },
       {
         id: 2,

src/app/utils.ts

@@ -36,6 +36,10 @@ export function formatDateTime(dateTimeString: string): string {
 }
 
 export function formatNumber(number: number): string {
+  if (number === 0) {
+    return "0";
+  }
+
   const suffixes: string[] = ["", "k", "m", "b", "t"];
   const suffixIndex: number = Math.floor(Math.log10(Math.abs(number)) / 3);