[Comp-840]compliant and inspection set default filter to status open (#758)

Author: tolkamps1

compliance-web/src/components/App/Inspections/InspectionsGrid/InspectionsGridUtils.tsx

@@ -9,15 +9,15 @@ import { Inspection } from "@/models/Inspection";
 import { Initiation } from "@/models/Initiation";
 import { IRProgress } from "@/models/IRProgress";
 import { Project } from "@/models/Project";
-import { IRStatus } from "@/models/IRStatus";
+import { InspectionStatusEnum } from "@/utils/constants";
 
 // Types for the data dependencies
 export interface InspectionsGridDataDependencies {
   projectList?: Project[];
   initiationList?: Initiation[];
   irProgressList?: IRProgress[];
   staffUserList?: StaffUser[];
-  inspectionStatusList?: IRStatus[];
+  inspectionStatusListOptions?: { text: string; value: string }[];
 }
 
 // Convert column filters to API query parameters
@@ -107,9 +107,10 @@ export const useInspectionsGridColumns = (
     initiationList,
     irProgressList,
     staffUserList,
-    inspectionStatusList,
+    inspectionStatusListOptions,
   } = dataDependencies;
 
+
   return useMemo<MRT_ColumnDef<Inspection>[]>(
     () => [
     {
@@ -186,7 +187,7 @@ export const useInspectionsGridColumns = (
           <Chip
             label={row.original.inspection_status}
             color={
-              row.original.inspection_status?.toLowerCase() === "open"
+              row.original.inspection_status === InspectionStatusEnum.OPEN
                 ? "success"
                 : "error"
             }
@@ -198,11 +199,7 @@ export const useInspectionsGridColumns = (
         );
       },
       filterVariant: "multi-select",
-      filterSelectOptions:
-        inspectionStatusList?.map((inspectionStatus) => ({
-          text: inspectionStatus.name,
-          value: inspectionStatus.id.toString(),
-        })) ?? [],
+      filterSelectOptions: inspectionStatusListOptions,
       size: 80,
     },
     {
@@ -220,6 +217,6 @@ export const useInspectionsGridColumns = (
       ),
     },
   ],
-  [projectList, initiationList, irProgressList, staffUserList, inspectionStatusList]
+  [projectList, initiationList, irProgressList, staffUserList, inspectionStatusListOptions]
 );  
 };

compliance-web/src/routes/_authenticated/ce-database/complaints/index.tsx

@@ -32,7 +32,7 @@ import ComplaintsGridExport from "@/components/App/Complaints/ComplaintsGrid/Com
 import ShowOnlyMyComplaintsSwitch from "@/components/App/Complaints/ComplaintsGrid/ShowOnlyMyComplaintsSwitch";
 import { AppConfig } from "@/utils/config";
 import { StaffUser } from "@/models/Staff";
-import { STAFF_USER_POSITION } from "@/utils/constants";
+import { ComplaintStatusEnum, STAFF_USER_POSITION } from "@/utils/constants";
 
 export const Route = createFileRoute("/_authenticated/ce-database/complaints/")(
   { component: Complaints }
@@ -59,6 +59,7 @@ const createDefaultFilters = (staffId: string, defaultMyChecked: boolean): {
         primary_officer_ids: [staffId],
       },
       columnFilters: [
+        { id: "status", value: [ComplaintStatusEnum.OPEN] },
         {
           id: "primary_officer_ids",
           value: [staffId],
@@ -68,7 +69,7 @@ const createDefaultFilters = (staffId: string, defaultMyChecked: boolean): {
   }
   return {
     externalFilters: {},
-    columnFilters: [],
+    columnFilters: [{ id: "status", value: [ComplaintStatusEnum.OPEN] }],
   };
 }
 

compliance-web/src/routes/_authenticated/ce-database/inspections/index.tsx

@@ -55,6 +55,7 @@ const createDefaultFilters = (staffId: string, defaultMyChecked: boolean): {
         primary_officer_ids: [staffId],
       },
       columnFilters: [
+        { id: "status", value: [InspectionStatusEnum.OPEN] },
         {
           id: "primary_officer",
           value: [staffId],
@@ -64,7 +65,7 @@ const createDefaultFilters = (staffId: string, defaultMyChecked: boolean): {
   }
   return {
     externalFilters: {},
-    columnFilters: [],
+    columnFilters: [{ id: "status", value: [InspectionStatusEnum.OPEN] }],
   };
 }
 
@@ -85,9 +86,9 @@ export function Inspections() {
 
   const inspectionStatusOptions = useMemo(
     () =>
-      Object.entries(InspectionStatusEnum).map(([id, name]) => ({
-        id,
-        name,
+      Object.entries(InspectionStatusEnum).map(([, value]) => ({
+        text: value,
+        value,
       })),
     []
   );
@@ -334,7 +335,7 @@ export function Inspections() {
     initiationList: initiations,
     irProgressList: irProgressOptions,
     staffUserList: staffList,
-    inspectionStatusList: inspectionStatusOptions,
+    inspectionStatusListOptions: inspectionStatusOptions,
   });
 
   // Show loading state during initialization