Merge pull request #177 from dinesh-aot/COMP-289

Case File number navigation in Inspection/Complaint profile
bcgov · Dec 20, 2024 · 14904f0 · 14904f0
2 parents 9e7838e + de79c14
commit 14904f0
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/compliance-web/src/components/App/Complaints/Profile/ComplaintGeneralInformation.tsx b/compliance-web/src/components/App/Complaints/Profile/ComplaintGeneralInformation.tsx
@@ -1,14 +1,14 @@
-import React from "react";
-import { EditRounded } from "@mui/icons-material";
-import { Box, Button, Typography } from "@mui/material";
-import FileProfileProperty from "@/components/App/FileProfileProperty";
-import dateUtils from "@/utils/dateUtils";
-import { Complaint } from "@/models/Complaint";
-import { useMenuStore } from "@/store/menuStore";
 import {
   ComplaintSourceEnum,
   RequirementSourceEnum,
 } from "@/components/App/Complaints/ComplaintFormUtils";
+import FileProfileProperty from "@/components/App/FileProfileProperty";
+import { Complaint } from "@/models/Complaint";
+import { useMenuStore } from "@/store/menuStore";
+import dateUtils from "@/utils/dateUtils";
+import { EditRounded } from "@mui/icons-material";
+import { Box, Button, Typography } from "@mui/material";
+import React from "react";
 
 interface ComplaintGeneralInformationProps {
   complaintData: Complaint;
@@ -22,6 +22,7 @@ const ComplaintGeneralInformation: React.FC<
   const { appHeaderHeight } = useMenuStore();
 
   const generalProperties = [
+    { name: "Case File", value: complaintData.case_file.case_file_number, link: true},
     { name: "Project Name", value: complaintData.case_file?.project?.name },
     {
       name: "Concern Description",
@@ -157,6 +158,8 @@ const ComplaintGeneralInformation: React.FC<
             key={property.name}
             propertyName={property.name}
             propertyValue={property.value}
+            linksList={property.link ? [property.value] : null}
+            linkRoute={property.link ? "/ce-database/case-files" : null}
           />
         ))}
       </Box>

diff --git a/compliance-web/src/components/App/Inspections/Profile/InspectionGeneralInformation.tsx b/compliance-web/src/components/App/Inspections/Profile/InspectionGeneralInformation.tsx
@@ -1,10 +1,10 @@
-import React, { useMemo } from "react";
-import { EditRounded } from "@mui/icons-material";
-import { Box, Button, Typography } from "@mui/material";
 import FileProfileProperty from "@/components/App/FileProfileProperty";
 import { Inspection } from "@/models/Inspection";
-import dateUtils from "@/utils/dateUtils";
 import { useMenuStore } from "@/store/menuStore";
+import dateUtils from "@/utils/dateUtils";
+import { EditRounded } from "@mui/icons-material";
+import { Box, Button, Typography } from "@mui/material";
+import React, { useMemo } from "react";
 
 interface InspectionGeneralInformationProps {
   inspectionData: Inspection;
@@ -34,6 +34,7 @@ const InspectionGeneralInformation: React.FC<
   }, [inspectionData.inspectionAttendances]);
 
   const properties = [
+    { name: "Case File", value: inspectionData.case_file.case_file_number, link: true},
     { name: "Project", value: inspectionData.case_file?.project?.name },
     { name: "Project Description", value: inspectionData.project_description },
     {
@@ -85,6 +86,8 @@ const InspectionGeneralInformation: React.FC<
             key={property.name}
             propertyName={property.name}
             propertyValue={property.value}
+            linksList={property.link ? [property.value] : null}
+            linkRoute={property.link ? "/ce-database/case-files" : null}
           />
         ))}
       </Box>