admin/shimmer-finance-ai-companion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor: Global Theme System and Finance Modules Redesign

Browse Source
This commit is contained in:
CycroftX
2026-02-16 00:09:52 +05:30
parent 58fe801eab
commit 557accf0c2
51 changed files with 3076 additions and 1147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/BudgetRing.tsx
View File

@@ -1,5 +1,6 @@
import { motion } from 'framer-motion';
import { cn } from '@/lib/utils';
import { cn, formatAmount } from '@/lib/utils';
import { DirhamIcon } from '@/components/ui/custom-icons';
import React from 'react';
interface BudgetRingProps {
@@ -53,7 +54,17 @@ export const BudgetRing = ({ spent, total, label, color = "text-primary", size =
</div>
<div className="mt-2 text-center">
<p className="text-sm font-semibold text-slate-700">{label}</p>
<p className="text-xs text-slate-400">₹{spent / 1000}k / ₹{total / 1000}k</p>
<div className="flex items-center justify-center gap-1 text-xs text-slate-400">
<div className="flex items-center gap-0.5">
<DirhamIcon className="w-3 h-3" />
{formatAmount(spent)}
</div>
<span>/</span>
<div className="flex items-center gap-0.5">
<DirhamIcon className="w-3 h-3" />
{formatAmount(total)}
</div>
</div>
</div>
</div>
);