[TM-1392] edit toolgle in secDashboard

wri · Nov 29, 2024 · ea12eee · ea12eee
1 parent 7d84b3c
commit ea12eee
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/src/components/elements/Toggle/Toggle.tsx b/src/components/elements/Toggle/Toggle.tsx
@@ -56,7 +56,7 @@ const Toggle = (props: ToggleProps) => {
           transform: `translateX(calc(${buttonRefs.current[activeIndex]?.offsetLeft || 0}px - 4px))`
         }}
       />
-      {items.map((tab, index) => (
+      {items.map((tab: TogglePropsItem, index) => (
         <button
           key={tab.key}
           ref={el => (buttonRefs.current[index] = el)}

diff --git a/src/pages/dashboard/index.page.tsx b/src/pages/dashboard/index.page.tsx
@@ -85,8 +85,14 @@ const Dashboard = () => {
     isUserAllowed
   } = useDashboardData(filters);
 
-  const dataToggle = ["Absolute", "Relative"];
-  const dataToggleGraphic = ["Table", "Graph"];
+  const dataToggle = [
+    { tooltip: { key: "Absolute", render: "Absolute" } },
+    { tooltip: { key: "Relative", render: "Relative" } }
+  ];
+  const dataToggleGraphic = [
+    { tooltip: { key: "Table", render: "Table" } },
+    { tooltip: { key: "Graph", render: "Graph" } }
+  ];
 
   useEffect(() => {
     refetchTotalSectionHeader();

diff --git a/src/pages/dashboard/mockedData/dashboard.ts b/src/pages/dashboard/mockedData/dashboard.ts
@@ -1,14 +1,14 @@
 export const LABEL_LEGEND = [
   {
-    label: "Total",
+    tooltip: { key: "Total", render: "Total" },
     color: "bg-blueCustom-900"
   },
   {
-    label: "Non-Profit",
+    tooltip: { key: "Non-Profit", render: "Non-Profit" },
     color: "bg-secondary-600"
   },
   {
-    label: "Enterprise",
+    tooltip: { key: "Enterprise", render: "Enterprise" },
     color: "bg-primary"
   }
 ];