ZELLYY/zellyy-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update analytics page

Browse Source 
Update icons and amount display on the analytics page.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 04:26:33 +00:00
parent a62d2aff25
commit 761c8f4c16
1 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/Analytics.tsx
View File

@@ -1,4 +1,3 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import NavBar from '@/components/NavBar'; import NavBar from '@/components/NavBar';
import ExpenseChart from '@/components/ExpenseChart'; import ExpenseChart from '@/components/ExpenseChart';
@@ -99,35 +98,33 @@ const Analytics = () => {
<div className="grid grid-cols-3 gap-3 mb-8"> <div className="grid grid-cols-3 gap-3 mb-8">
<div className="neuro-card"> <div className="neuro-card">
<div className="flex items-center gap-2 mb-1"> <div className="flex items-center gap-2 mb-1">
<Wallet size={16} className="text-gray-500" /> <Wallet size={24} className="text-gray-500" />
<p className="text-xs text-gray-500">예산</p> <p className="text-xs text-gray-500">예산</p>
</div> </div>
<p className="text-sm font-bold text-neuro-income"> <p className="text-sm font-bold text-neuro-income">
{new Intl.NumberFormat('ko-KR', { {new Intl.NumberFormat('ko-KR', {
style: 'currency', style: 'currency',
currency: 'KRW', currency: 'KRW',
notation: 'compact', maximumFractionDigits: 0
maximumFractionDigits: 1
}).format(totalBudget)} }).format(totalBudget)}
</p> </p>
</div> </div>
<div className="neuro-card"> <div className="neuro-card">
<div className="flex items-center gap-2 mb-1"> <div className="flex items-center gap-2 mb-1">
<CreditCard size={16} className="text-gray-500" /> <CreditCard size={24} className="text-gray-500" />
<p className="text-xs text-gray-500">지출</p> <p className="text-xs text-gray-500">지출</p>
</div> </div>
<p className="text-sm font-bold text-neuro-income"> <p className="text-sm font-bold text-neuro-income">
{new Intl.NumberFormat('ko-KR', { {new Intl.NumberFormat('ko-KR', {
style: 'currency', style: 'currency',
currency: 'KRW', currency: 'KRW',
notation: 'compact', maximumFractionDigits: 0
maximumFractionDigits: 1
}).format(totalExpense)} }).format(totalExpense)}
</p> </p>
</div> </div>
<div className="neuro-card"> <div className="neuro-card">
<div className="flex items-center gap-2 mb-1"> <div className="flex items-center gap-2 mb-1">
<PiggyBank size={16} className="text-gray-500" /> <PiggyBank size={24} className="text-gray-500" />
<p className="text-xs text-gray-500">저축</p> <p className="text-xs text-gray-500">저축</p>
</div> </div>
<p className="text-sm font-bold text-neuro-income"> <p className="text-sm font-bold text-neuro-income">