From 5675701b80c308328bebd474566282374d4e4b21 Mon Sep 17 00:00:00 2001 From: BharathTarento <bharath.kumar@tarento.cocom> Date: Thu, 10 Nov 2022 16:41:26 +0530 Subject: [PATCH] card names healpers function --- src/constants/LangConstants.ts | 3 ++- src/helpers/util.ts | 26 +++++++++++++++--- src/pages/Inspector/InspectorHome.tsx | 3 ++- src/pages/Reviewer/ReviewerHome.tsx | 39 ++++++++++++++------------- 4 files changed, 48 insertions(+), 23 deletions(-) diff --git a/src/constants/LangConstants.ts b/src/constants/LangConstants.ts index 7de3d5a..70a8c3a 100644 --- a/src/constants/LangConstants.ts +++ b/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" }; diff --git a/src/helpers/util.ts b/src/helpers/util.ts index 549bcae..35fb752 100644 --- a/src/helpers/util.ts +++ b/src/helpers/util.ts @@ -1,4 +1,4 @@ -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 diff --git a/src/pages/Inspector/InspectorHome.tsx b/src/pages/Inspector/InspectorHome.tsx index 3bf4049..48b3a74 100644 --- a/src/pages/Inspector/InspectorHome.tsx +++ b/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> ); })} diff --git a/src/pages/Reviewer/ReviewerHome.tsx b/src/pages/Reviewer/ReviewerHome.tsx index 0b28b49..d812656 100644 --- a/src/pages/Reviewer/ReviewerHome.tsx +++ b/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> -- GitLab