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 }}