Upload components/RevenueChart.jsx with huggingface_hub

components/RevenueChart.jsx

@@ -29,9 +29,9 @@ const data = [
 function CustomTooltip({ active, payload, label }) {
   if (active && payload && payload.length) {
     return (
-      <div className="bg-white dark:bg-dark-surface p-3 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg">
-        <p className="text-xs text-gray-500 dark:text-gray-400">{label}</p>
-        <p className="text-sm font-bold text-gray-900 dark:text-white">
+      <div className="bg-white dark:bg-dark-surface p-3 border border-gray-200 dark:border-gray-600 rounded-lg shadow-xl">
+        <p className="text-xs text-gray-500 dark:text-gray-400 font-medium uppercase">{label}</p>
+        <p className="text-sm font-bold text-gray-900 dark:text-white text-lg">
           ${payload[0].value.toLocaleString()}
         </p>
       </div>
@@ -69,7 +69,7 @@ export default function RevenueChart() {
             type="monotone" 
             dataKey="value" 
             stroke="#3b82f6" 
-            strokeWidth={2}
+            strokeWidth={3}
             fillOpacity={1} 
             fill="url(#colorValue)" 
           />