From 8872a394e53f34be1278030578c285891e630e6a Mon Sep 17 00:00:00 2001
From: glen-aot <160973940+glen-aot@users.noreply.github.com>
Date: Tue, 15 Oct 2024 11:43:44 -0700
Subject: [PATCH] ORV-2748 - Voided permits showing as expired in global search
 (#1636)

Co-authored-by: GlenAOT <160973940+GlenAOT@users.noreply.github.com>
---
 .../table/PermitSearchResultColumnDef.tsx     | 54 +++++++++++--------
 1 file changed, 33 insertions(+), 21 deletions(-)

diff --git a/frontend/src/features/idir/search/table/PermitSearchResultColumnDef.tsx b/frontend/src/features/idir/search/table/PermitSearchResultColumnDef.tsx
index 881823ccc..8d956e1ca 100644
--- a/frontend/src/features/idir/search/table/PermitSearchResultColumnDef.tsx
+++ b/frontend/src/features/idir/search/table/PermitSearchResultColumnDef.tsx
@@ -3,7 +3,11 @@ import { MRT_ColumnDef } from "material-react-table";
 
 import { CustomActionLink } from "../../../../common/components/links/CustomActionLink";
 import { PermitListItem } from "../../../permits/types/permit";
-import { PERMIT_EXPIRED } from "../../../permits/types/PermitStatus";
+import {
+  PERMIT_EXPIRED,
+  PERMIT_STATUSES,
+  PermitStatus,
+} from "../../../permits/types/PermitStatus";
 import { PermitChip } from "../../../permits/components/permit-list/PermitChip";
 import { viewPermitPdf } from "../../../permits/helpers/permitPDFHelper";
 import { hasPermitExpired } from "../../../permits/helpers/permitState";
@@ -25,25 +29,33 @@ export const PermitSearchResultColumnDef = (
       const permit = props.row.original as PermitListItem;
       const { permitId, permitStatus, expiryDate, companyId } = permit;
 
+      const getDisplayedPermitStatus = (
+        permitStatus: PermitStatus,
+        expiryDate: string,
+      ) => {
+        if (permitStatus === PERMIT_STATUSES.VOIDED) {
+          return PERMIT_STATUSES.VOIDED;
+        }
+
+        if (hasPermitExpired(expiryDate)) {
+          return PERMIT_EXPIRED;
+        }
+
+        return permitStatus;
+      };
+
       return (
         <>
           <CustomActionLink
-            onClick={() =>{
-              viewPermitPdf(
-                companyId,
-                permitId,
-                () => onDocumentUnavailable(),
-              );
-            }  
-          }
+            onClick={() => {
+              viewPermitPdf(companyId, permitId, () => onDocumentUnavailable());
+            }}
           >
             {props.cell.getValue()}
           </CustomActionLink>
-          {hasPermitExpired(expiryDate) ? (
-            <PermitChip permitStatus={PERMIT_EXPIRED} />
-          ) : (
-            <PermitChip permitStatus={permitStatus} />
-          )}
+          <PermitChip
+            permitStatus={getDisplayedPermitStatus(permitStatus, expiryDate)}
+          />
         </>
       );
     },
@@ -54,13 +66,13 @@ export const PermitSearchResultColumnDef = (
     header: "Permit Type",
     enableSorting: true,
     sortingFn: "alphanumeric",
-    Cell: (props: { cell: any; }) => {
-      const permitTypeName = getPermitTypeName(props.cell.getValue())
-      return <Tooltip title={permitTypeName}>
-        <Box>
-          {props.cell.getValue()}
-        </Box>
-      </Tooltip>
+    Cell: (props: { cell: any }) => {
+      const permitTypeName = getPermitTypeName(props.cell.getValue());
+      return (
+        <Tooltip title={permitTypeName}>
+          <Box>{props.cell.getValue()}</Box>
+        </Tooltip>
+      );
     },
     size: 20,
   },