From fa94b5fe7a4a95613d5474318f1e51ee27f233ec Mon Sep 17 00:00:00 2001 From: Desktop Date: Thu, 13 Nov 2025 01:37:15 +0500 Subject: [PATCH] Update EnhancedMetricCard.tsx --- frontend/src/components/dashboard/EnhancedMetricCard.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/frontend/src/components/dashboard/EnhancedMetricCard.tsx b/frontend/src/components/dashboard/EnhancedMetricCard.tsx index 837bc169..f2a84fa1 100644 --- a/frontend/src/components/dashboard/EnhancedMetricCard.tsx +++ b/frontend/src/components/dashboard/EnhancedMetricCard.tsx @@ -9,7 +9,7 @@ export interface MetricCardProps { subtitle?: string; trend?: number; // Positive or negative trend value icon: ReactNode; - accentColor: "blue" | "green" | "orange" | "purple" | "red"; + accentColor: "blue" | "green" | "orange" | "purple" | "red" | "success"; href?: string; onClick?: () => void; tooltip?: string | ReactNode; // Enhanced tooltip content @@ -48,6 +48,12 @@ const accentColors = { border: "bg-error-500", icon: "text-error-500", }, + success: { + bg: "bg-green-50 dark:bg-green-500/10", + hover: "hover:bg-green-100 dark:hover:bg-green-500/20", + border: "bg-success-500", + icon: "text-success-500", + }, }; export default function EnhancedMetricCard({