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

slight cleanup

Browse Source
This commit is contained in:
g
2025-02-07 19:30:49 +00:00
parent 40635ae667
commit 8900bbcc76
11 changed files with 438 additions and 477 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/kokonutui/order-stats.tsx
View File

@@ -1,13 +1,12 @@
import { cn } from "@/lib/utils"
import { ArrowDown, ArrowUp, type LucideIcon } from "lucide-react"
import type { LucideIcon } from "lucide-react";
interface OrderStatsProps {
title: string
value: string
icon: LucideIcon
title: string;
value: string;
icon: LucideIcon;
}
export default function OrderStats({ title, value, icon: Icon,}: OrderStatsProps) {
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">
@@ -15,11 +14,8 @@ export default function OrderStats({ title, value, icon: Icon,}: OrderStatsProps
<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>
<div className="flex items-baseline">
<p className="text-2xl font-semibold text-zinc-900 dark:text-zinc-50">{value}</p>
</div>
<p className="text-2xl font-semibold text-zinc-900 dark:text-zinc-50">{value}</p>
</div>
</div>
)
}
);
}