Tria/edr-platform
1
0
Fork 0
mirror of https://github.com/Tria-plc/edr-platform.git synced 2026-09-08 21:48:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

First passenger and back office portal commit

Browse Source
This commit is contained in:
Stephanos A
2026-05-31 13:15:44 +03:00
parent a0b5eb1e92
commit 5059a1fe58
181 changed files with 14249 additions and 13949 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
apps/edr-passenger-web/backoffice/src/components/dashboard/StatCard.tsx Normal file
View File

@@ -0,0 +1,36 @@
import { LucideIcon } from 'lucide-react';
import { cn } from '@/lib/utils';
interface StatCardProps {
title: string;
value: string | number;
icon: LucideIcon;
trend?: {
value: number;
isPositive: boolean;
};
color?: 'blue' | 'green' | 'purple' | 'orange';
}
const colorClasses = {
blue: 'bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400',
green: 'bg-green-100 text-[rgb(20,113,76)] dark:bg-green-900/30 dark:text-green-400',
purple: 'bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-400',
orange: 'bg-green-100 text-[rgb(20,113,76)] dark:bg-green-900/30 dark:text-green-400',
};
export default function StatCard({ title, value, icon: Icon, color = 'blue' }: StatCardProps) {
return (
<div className="card">
<div className="flex items-center justify-between">
<div>
<p className="text-sm font-medium text-muted-foreground">{title}</p>
<p className="mt-2 text-3xl font-bold text-foreground">{value}</p>
</div>
<div className={cn('rounded-full p-3', colorClasses[color])}>
<Icon className="h-6 w-6" />
</div>
</div>
</div>
);
}