Files
zap.stream/src/element/category/zaps.tsx
2024-05-15 15:23:59 +01:00

18 lines
485 B
TypeScript

import { useCategoryZaps } from "@/hooks/category-zaps";
import Pill from "../pill";
import { Icon } from "../icon";
import { formatSatsCompact } from "@/number";
export function CategoryZaps({ gameId }: { gameId: string }) {
const zaps = useCategoryZaps(gameId);
const total = zaps.reduce((acc, v) => (acc += v.amount), 0);
return (
<Pill className="flex gap-2 items-center">
<Icon name="zap-filled" size={14} />
{formatSatsCompact(total)}
</Pill>
);
}