redesign

2026-01-05 15:07:10 +07:00
parent 9f41386b65
commit c438ae3fb9
11 changed files with 127 additions and 115 deletions
@@ -31,20 +31,21 @@ export const PieChartComponent = ({ data }: {
 						data={data}
 						cx="50%"
 						cy="50%"
-						innerRadius={70}
-						outerRadius={90}
+						innerRadius={75}
+						outerRadius={100}
 						paddingAngle={0}
 						dataKey="value"
+						stroke="none"
 					>
 						{data.map((entry, index) => (
-							<Cell key={`cell-${index}`} fill={entry.color} />
+							<Cell key={`cell-${index}`} fill={entry.color} stroke="none" />
 						))}
 					</Pie>
 				</PieChart>
 			</ResponsiveContainer>
 			<div className="flex gap-6">
 				{data.map((entry, index) => (
-					<div key={`cell-${index}`} className="text-white">
+					<div key={`cell-${index}`} className="">
 						<span className="w-2 h-2 rounded-full font-bold inline-block mr-1.5" style={{ backgroundColor: entry.color }}></span>
 						<span>{t(entry.name)}</span>
 					</div>