From e7c30e4ec583095a3657bfcf1b48c31c1f78e164 Mon Sep 17 00:00:00 2001
From: Matt <mattskent@gmail.com>
Date: Fri, 3 Jan 2025 19:45:30 -0500
Subject: [PATCH] Update saleschart card and chart colors

---
 .../components/dashboard/MiniSalesChart.jsx   | 30 +++++++++----------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/dashboard/src/components/dashboard/MiniSalesChart.jsx b/dashboard/src/components/dashboard/MiniSalesChart.jsx
index e6b968c..e1b3eae 100644
--- a/dashboard/src/components/dashboard/MiniSalesChart.jsx
+++ b/dashboard/src/components/dashboard/MiniSalesChart.jsx
@@ -85,7 +85,7 @@ const MiniStatCard = memo(({
   descriptionClass = "text-sm font-semibold text-gray-200"
 }) => (
   <Card 
-    className={`w-full ${background || 'bg-gradient-to-br from-gray-900 to-gray-800 backdrop-blur-md'} ${
+    className={`w-full bg-gradient-to-br from-slate-700 to-slate-600 backdrop-blur-sm ${
       onClick ? 'cursor-pointer transition-all hover:brightness-110' : ''
     } ${!active ? 'opacity-50' : ''}`}
     onClick={onClick}
@@ -310,13 +310,12 @@ const MiniSalesChart = ({ className = "" }) => {
           previousValue={formatCurrency(summaryStats.prevRevenue, false)}
           trend={summaryStats.growth.revenue >= 0 ? "up" : "down"}
           trendValue={`${Math.abs(Math.round(summaryStats.growth.revenue))}%`}
-          colorClass="text-rose-200"
-          titleClass="text-rose-100 font-bold text-md"
-          descriptionClass="text-rose-200 text-md font-semibold"
+          colorClass="text-emerald-300"
+          titleClass="text-emerald-300 font-bold text-md"
+          descriptionClass="text-emerald-300 text-md font-semibold"
           icon={PiggyBank}
-          iconColor="text-rose-900"
-          iconBackground="bg-rose-300"
-          background="h-[150px] bg-gradient-to-br from-rose-900 to-rose-800"
+          iconColor="text-emerald-900"
+          iconBackground="bg-emerald-300"
           onClick={() => toggleMetric('revenue')}
           active={visibleMetrics.revenue}
         />
@@ -326,13 +325,12 @@ const MiniSalesChart = ({ className = "" }) => {
           previousValue={summaryStats.prevOrders.toLocaleString()}
           trend={summaryStats.growth.orders >= 0 ? "up" : "down"}
           trendValue={`${Math.abs(Math.round(summaryStats.growth.orders))}%`}
-          colorClass="text-indigo-200"
-          titleClass="text-indigo-100 font-bold text-md"
-          descriptionClass="text-indigo-200 text-md font-semibold"
+          colorClass="text-blue-300"
+          titleClass="text-blue-300 font-bold text-md"
+          descriptionClass="text-blue-300 text-md font-semibold"
           icon={Truck}
-          iconColor="text-indigo-900"
-          iconBackground="bg-indigo-300"
-          background="h-[150px] bg-gradient-to-br from-indigo-900 to-indigo-800"
+          iconColor="text-blue-900"
+          iconBackground="bg-blue-300"
           onClick={() => toggleMetric('orders')}
           active={visibleMetrics.orders}
         />
@@ -409,9 +407,9 @@ const MiniSalesChart = ({ className = "" }) => {
                   <Line
                     yAxisId="revenue"
                     type="monotone"
-                    dataKey="revenue"re
+                    dataKey="revenue"
                     name="Revenue"
-                    stroke="#f43f5e"
+                    stroke="#10b981"
                     strokeWidth={2}
                     dot={false}
                   />
@@ -422,7 +420,7 @@ const MiniSalesChart = ({ className = "" }) => {
                     type="monotone"
                     dataKey="orders"
                     name="Orders"
-                    stroke="#6366f1"
+                    stroke="#3b82f6"
                     strokeWidth={2}
                     dot={false}
                   />