ManInDark/HabitTrove
1
0
Fork 0
mirror of https://github.com/ManInDark/HabitTrove.git synced 2026-01-20 22:24:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added settings, enabled calendar

Browse Source
This commit is contained in:
dohsimpson
2024-12-31 13:58:14 -05:00
parent c4f0db329b
commit 7195f0d1f2
18 changed files with 493 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/CoinBalance.tsx
View File

@@ -1,7 +1,10 @@
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Coins } from 'lucide-react'
import { formatNumber } from '@/lib/utils/formatNumber'
import { useSettings } from '@/hooks/useSettings'
export default function CoinBalance({ coinBalance }: { coinBalance: number }) {
const { settings } = useSettings()
return (
<Card>
<CardHeader>
@@ -10,7 +13,9 @@ export default function CoinBalance({ coinBalance }: { coinBalance: number }) {
<CardContent>
<div className="flex items-center justify-center">
<Coins className="h-12 w-12 text-yellow-400 mr-4" />
<span className="text-4xl font-bold">{coinBalance}</span>
<span className="text-4xl font-bold">
{formatNumber({ amount: coinBalance, settings })}
</span>
</div>
</CardContent>
</Card>