g/ember-market-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleanup

Browse Source
This commit is contained in:
g
2025-02-08 01:56:42 +00:00
parent 468fd69cb5
commit 7374e56253
13 changed files with 297 additions and 411 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
components/dashboard/order-stats.tsx
View File

@@ -1,21 +1,23 @@
import type { LucideIcon } from "lucide-react";
import type { LucideIcon } from "lucide-react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
interface OrderStatsProps {
title: string;
value: string;
icon: LucideIcon;
title: string
value: string
icon: LucideIcon
}
export default function OrderStats({ title, value, icon: Icon }: OrderStatsProps) {
return (
<div className="w-full bg-white dark:bg-zinc-900/70 border border-zinc-100 dark:border-zinc-800 rounded-xl shadow-sm backdrop-blur-xl">
<div className="p-4">
<div className="flex items-center justify-between mb-2">
<h2 className="text-xs font-medium text-zinc-600 dark:text-zinc-400">{title}</h2>
<Icon className="w-4 h-4 text-zinc-600 dark:text-zinc-400" />
</div>
<p className="text-2xl font-semibold text-zinc-900 dark:text-zinc-50">{value}</p>
</div>
</div>
);
}
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">{title}</CardTitle>
<Icon className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<div className="text-2xl font-bold">{value}</div>
</CardContent>
</Card>
)
}