From a7a7cef0576a2c1495341bfa9c5cf8a4501304b8 Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Tue, 9 Jun 2026 13:50:58 +0800
Subject: [PATCH] Revert "fix: replace Cell from recharts with data-level fill
 to avoid babel error"

This reverts commit 58637b800bcb9e19554c6a8fac1673c86b128c2f.
---
 src/components/views/UsersView.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/views/UsersView.tsx b/src/components/views/UsersView.tsx
index 702b86d..d1b8273 100644
--- a/src/components/views/UsersView.tsx
+++ b/src/components/views/UsersView.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend, BarChart, Bar } from 'recharts';
+import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend, BarChart, Bar, Cell } from 'recharts';
 import { StatCard } from '../ui/StatCard';
 import { Users, Truck, Smartphone } from 'lucide-react';
 
@@ -16,12 +16,12 @@ const driverGrowth = [
 ];
 
 const driverByStation = [
-  { name: '嘉兴嘉锦', value: 10, fill: '#f59e0b' },
-  { name: '嘉兴嘉燃', value: 8, fill: '#94a3b8' },
-  { name: '嘉燃经开', value: 5, fill: '#94a3b8' },
-  { name: '如皋华神', value: 3, fill: '#94a3b8' },
-  { name: '桐乡绿能', value: 2, fill: '#94a3b8' },
-  { name: '花桥/嘉善等', value: 2, fill: '#94a3b8' },
+  { name: '嘉兴嘉锦', value: 10 },
+  { name: '嘉兴嘉燃', value: 8 },
+  { name: '嘉燃经开', value: 5 },
+  { name: '如皋华神', value: 3 },
+  { name: '桐乡绿能', value: 2 },
+  { name: '花桥/嘉善等', value: 2 },
 ];
 
 export function UsersView() {
@@ -87,7 +87,11 @@ export function UsersView() {
                   <XAxis type="number" hide />
                   <YAxis dataKey="name" type="category" axisLine={false} tickLine={false} tick={{fill: '#475569', fontSize: 12, fontWeight: 500}} width={80} />
                   <Tooltip cursor={{fill: '#f8fafc'}} contentStyle={{ borderRadius: '12px', border: '1px solid #e2e8f0' }}/>
-                  <Bar dataKey="value" radius={[0, 6, 6, 0]} barSize={28} />
+                  <Bar dataKey="value" radius={[0, 6, 6, 0]} barSize={28}>
+                    {driverByStation.map((entry, index) => (
+                      <Cell key={`cell-${index}`} fill={index === 0 ? '#f59e0b' : '#94a3b8'} />
+                    ))}
+                  </Bar>
                 </BarChart>
               </ResponsiveContainer>
           </div>