From cf509fd474f88467bfa36cd5810c4d72f84ec3d3 Mon Sep 17 00:00:00 2001
From: Khalim Conn-Kowlessar <kconnkowlessar@gmail.com>
Date: Mon, 3 Nov 2025 19:46:47 +0000
Subject: [PATCH] updated loading state

---
 src/app/domna/financials.ts                   |  2 +-
 .../components/propertyTableColumns.tsx       |  9 +++++++
 src/app/utils.ts                              | 26 +++++++++----------
 3 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/app/domna/financials.ts b/src/app/domna/financials.ts
index 538f8c1..a101962 100644
--- a/src/app/domna/financials.ts
+++ b/src/app/domna/financials.ts
@@ -1,4 +1,4 @@
-import { PlanTypeEnum } from "@/app/db/schema/recommendations";
+import type { PlanTypeEnum } from "@/app/db/schema/recommendations";
 
 // Fixed Domna costs per delivery type
 export const DOMNA_COST_MAP: Record<PlanTypeEnum, number> & {
diff --git a/src/app/portfolio/[slug]/components/propertyTableColumns.tsx b/src/app/portfolio/[slug]/components/propertyTableColumns.tsx
index 58156b3..3e274a3 100644
--- a/src/app/portfolio/[slug]/components/propertyTableColumns.tsx
+++ b/src/app/portfolio/[slug]/components/propertyTableColumns.tsx
@@ -142,6 +142,7 @@ export const columns: ColumnDef<PropertyWithRelations>[] = [
   },
   {
     accessorKey: "postcode",
+    enableGlobalFilter: true,
     header: ({ column }) => (
       <Button
         variant="ghost"
@@ -237,6 +238,14 @@ export const columns: ColumnDef<PropertyWithRelations>[] = [
 
       const expectedSapPoints = row.original.totalRecommendationSapPoints || 0;
 
+      // if currentSapPoints + expectedSapPoint is 0 expected EPC is ""
+      if (currentSapPoints + expectedSapPoints === 0) {
+        return (
+          <div className="text-gray-700 font-medium flex justify-center">
+            {<EpcLetterBubble letter={""} />}
+          </div>
+        );
+      }
       const expectedEpc = sapToEpc(currentSapPoints + expectedSapPoints);
 
       return (
diff --git a/src/app/utils.ts b/src/app/utils.ts
index b2f3705..d3c5890 100644
--- a/src/app/utils.ts
+++ b/src/app/utils.ts
@@ -1,16 +1,17 @@
 import { Rating } from "./db/schema/property";
-import { KeyboardEvent} from "react";
+import { KeyboardEvent } from "react";
 
- export function handleNumericKeyDown(event: KeyboardEvent<HTMLInputElement>) {
+export function handleNumericKeyDown(event: KeyboardEvent<HTMLInputElement>) {
+  /**
+   * Allowing: Integers | Backspace | Tab | Delete | Left & Right arrow keys
+   **/
 
-    /**
-     * Allowing: Integers | Backspace | Tab | Delete | Left & Right arrow keys
-     **/
- 
-    const regex = new RegExp(/(^\d*$)|(Backspace|Tab|Delete|ArrowLeft|ArrowRight|ArrowUp|ArrowDown)/);
-         
-    return !event.key.match(regex) && event.preventDefault();
- }
+  const regex = new RegExp(
+    /(^\d*$)|(Backspace|Tab|Delete|ArrowLeft|ArrowRight|ArrowUp|ArrowDown)/
+  );
+
+  return !event.key.match(regex) && event.preventDefault();
+}
 
 export function convertDaysToWorkingWeeks(days: number | null) {
   if (days === null) {
@@ -92,7 +93,7 @@ export const serializeBigInt = (_: any, value: any): string | any => {
 };
 
 export function sapToEpc(sapPoints: number): string {
-  if (sapPoints <= 0) {
+  if (sapPoints < 0) {
     throw new Error("SAP points should be above 0.");
   }
 
@@ -151,7 +152,6 @@ export function formatNumber(number: number): string {
   return formatted + suffixes[suffixIndex];
 }
 
-
 export function roundToDecimalPlaces(
   number: number,
   decimalPlaces: number
@@ -159,5 +159,3 @@ export function roundToDecimalPlaces(
   const factor = 10 ** decimalPlaces;
   return Math.round(number * factor) / factor;
 }
-
-