bug fixed in pieCharts

jitheshm · Sep 19, 2024 · 32f1b1b · 32f1b1b
1 parent 70e01c6
commit 32f1b1b
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/frontend/src/components/Charts/PieChart.tsx b/frontend/src/components/Charts/PieChart.tsx
@@ -1,29 +1,30 @@
 import * as React from 'react';
 import { PieChart } from '@mui/x-charts/PieChart';
 import { PieValueType } from '@mui/x-charts/models';
+import { useTheme } from 'next-themes';
 
 interface PieChartsProps {
     data: PieValueType[];
 }
 
 function PieCharts({ data }: PieChartsProps) {
+
+    const { theme, setTheme } = useTheme()
+    const labelColor = theme === 'dark' ? 'white' : 'black'; // Set label color based on theme
+
     return (
         <PieChart
             series={[
                 {
                     data,
                 },
             ]}
-
             height={200}
-            className='text-white mx-auto '
-
+            className="mx-auto"
             slotProps={{
                 legend: {
-
                     labelStyle: {
-                        fill: 'white',
-
+                        fill: labelColor, 
                     },
                 },
             }}