salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update EnhancedMetricCard.tsx

Browse Source
This commit is contained in:
Desktop
2025-11-13 01:37:15 +05:00
parent bde9d33e78
commit fa94b5fe7a
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/dashboard/EnhancedMetricCard.tsx
View File

@@ -9,7 +9,7 @@ export interface MetricCardProps {
subtitle?: string; subtitle?: string;
trend?: number; // Positive or negative trend value trend?: number; // Positive or negative trend value
icon: ReactNode; icon: ReactNode;
accentColor: "blue" | "green" | "orange" | "purple" | "red"; accentColor: "blue" | "green" | "orange" | "purple" | "red" | "success";
href?: string; href?: string;
onClick?: () => void; onClick?: () => void;
tooltip?: string | ReactNode; // Enhanced tooltip content tooltip?: string | ReactNode; // Enhanced tooltip content
@@ -48,6 +48,12 @@ const accentColors = {
border: "bg-error-500", border: "bg-error-500",
icon: "text-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({ export default function EnhancedMetricCard({