diff --git a/src/Pages/CrmTest/CrmTest.js b/src/Pages/CrmTest/CrmTest.js index 5944c7b..78875b8 100644 --- a/src/Pages/CrmTest/CrmTest.js +++ b/src/Pages/CrmTest/CrmTest.js @@ -56,6 +56,26 @@ function MyBadge({ count, color = "blue" }) { return ; } +const segmentedDmcPipelineBadgeColors = [ + "grey", + "yellow", + "purple", + "blue", + "orange", + "green", + "red", +]; + +const segmentedSetterCloserBadgeColors = [ + "grey", + "yellow", + "purple", + "blue", + "orange", + "green", + "red", +]; + export default function CrmTest() { const { t } = useTranslation(); const appContext = useAppContext(); @@ -222,6 +242,32 @@ export default function CrmTest() { return items; }; + const getSegmentedLabels = (item, index) => { + console.log("item", index); + + return ( + + {item} + + customer.Pipeline === + (selectedSegmentedTypeValue === CRM_TYPE.DMC_PIPELINE + ? 1 + : 2) && customer.DealPhase === index + 1 + ).length + } + color={ + selectedSegmentedTypeValue === CRM_TYPE.DMC_PIPELINE + ? segmentedDmcPipelineBadgeColors[index] + : segmentedSetterCloserBadgeColors[index] + } + /> + + ); + }; + useEffect(() => { const customersRequest = () => { setIsRequesting(true); @@ -264,7 +310,7 @@ export default function CrmTest() { value: CRM_TYPE.CUSTOMERS, label: ( - All customers + All Leads ), @@ -339,23 +385,7 @@ export default function CrmTest() { options={segmentedOptions.map((item, index) => { return { value: index, - label: ( - - {item} - - customer.Pipeline === - (selectedSegmentedTypeValue === - CRM_TYPE.DMC_PIPELINE - ? 1 - : 2) && customer.DealPhase === index + 1 - ).length - } - /> - - ), + label: getSegmentedLabels(item, index), }; })} style={{ marginBottom: AppStyle.app.margin }}