card names healpers function

Created by: bharathravi-in

src/constants/LangConstants.ts

@@ -58,5 +58,6 @@ export const LANG = {
     SENT_FOR_INSPECTION:"Sent for assessment",
     INSPECTION_COMPLETED: "Assessment completed",
   },
-  SEND_FOR_INSPECTION:"Send for assessment"
+  SEND_FOR_INSPECTION:"Send for assessment",
+  INSPECTOR_TOTAL_PENDING:"Assessment total pending"
 };

src/helpers/util.ts

-import { APP } from "../constants";
+import { APP, LANG } from "../constants";
 
 const getRoleLabel = (roleName: string) => {
 
@@ -13,5 +13,25 @@ const getRoleLabel = (roleName: string) => {
             return APP.ROLE_LABEL.SUPER_ADMIN;
     }
 }
-
-export default { getRoleLabel };
\ No newline at end of file
+// Function to format the status label
+export const formatLabel = (labelStatus: string) => {
+    let lowerLabel = labelStatus.toLowerCase();
+    lowerLabel = lowerLabel.charAt(0).toUpperCase() + lowerLabel.slice(1);
+    switch (lowerLabel) {
+      case "Underreview":
+        lowerLabel = "Under review";
+        return lowerLabel;
+      case "Sentforins":
+        lowerLabel = `${LANG.FORM_STATUS_TEXT.SENT_FOR_INSPECTION}`;
+        return lowerLabel;
+      case "Inscompleted":
+        lowerLabel = `${LANG.FORM_STATUS_TEXT.INSPECTION_COMPLETED}`;
+        return lowerLabel;
+      case "Inspector total pending":
+        lowerLabel = `${LANG.INSPECTOR_TOTAL_PENDING}`;
+        return lowerLabel; 
+      default:
+        return lowerLabel;
+    }
+  }
+export default { getRoleLabel, formatLabel };
\ No newline at end of file

src/pages/Inspector/InspectorHome.tsx

@@ -7,6 +7,7 @@ import { FormService } from "./../../services/form.service";
 import { APP, LANG } from "./../../constants";
 import Notify from "./../../helpers/notify";
 import moment from "moment";
+import { formatLabel } from "../../helpers/util";
 
 /**
  * Inspector component renders
@@ -174,7 +175,7 @@ export const InspectorHome = ({ data }: InspectorProps) => {
                     className="col-sm-12 col-md-4 col-lg-2 col-xl-2 col-xxl-2 mt-2 mt-sm-2 mt-md-2 mt-lg-0 mt-xl-0 mt-xxl-0"
                     key={j}
                   >
-                    <CardOne count={i.value} title={i.key} />
+                    <CardOne count={i.value} title={formatLabel(i.key)} />
                   </div>
                 );
               })}

src/pages/Reviewer/ReviewerHome.tsx

@@ -6,6 +6,7 @@ import { FormService } from "../../services/form.service";
 import { APP, LANG } from "../../constants";
 import { BtnOne } from "../../components/buttons";
 import { useHistory } from "react-router-dom";
+import { formatLabel } from "../../helpers/util";
 
 /**
  * Reviewer component renders
@@ -116,24 +117,26 @@ export const ReviewerHome = ({ data }: ReviewerProps) => {
   };
 
   // Function to format the status label
-  const formatLabel = (labelStatus: string) => {
-    let lowerLabel = labelStatus.toLowerCase();
-    lowerLabel = lowerLabel.charAt(0).toUpperCase() + lowerLabel.slice(1);
-
-    switch (lowerLabel) {
-      case "Underreview":
-        lowerLabel = "Under review";
-        return lowerLabel;
-      case "Sentforins":
-        lowerLabel = `${LANG.FORM_STATUS_TEXT.SENT_FOR_INSPECTION}`;
-        return lowerLabel;
-      case "Inscompleted":
-        lowerLabel = `${LANG.FORM_STATUS_TEXT.INSPECTION_COMPLETED}`;
-        return lowerLabel;
-      default:
-        return lowerLabel;
-    }
-  };
+  // const formatLabel = (labelStatus: string) => {
+  //   let lowerLabel = labelStatus.toLowerCase();
+  //   lowerLabel = lowerLabel.charAt(0).toUpperCase() + lowerLabel.slice(1);
+  //   switch (lowerLabel) {
+  //     case "Underreview":
+  //       lowerLabel = "Under review";
+  //       return lowerLabel;
+  //     case "Sentforins":
+  //       lowerLabel = `${LANG.FORM_STATUS_TEXT.SENT_FOR_INSPECTION}`;
+  //       return lowerLabel;
+  //     case "Inscompleted":
+  //       lowerLabel = `${LANG.FORM_STATUS_TEXT.INSPECTION_COMPLETED}`;
+  //       return lowerLabel;
+  //     case "Inspector total pending":
+  //       lowerLabel = `${LANG.INSPECTOR_TOTAL_PENDING}`;
+  //       return lowerLabel; 
+  //     default:
+  //       return lowerLabel;
+  //   }
+  // };
 
   return (
     <Fragment>