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

Refactor budget categories

Browse Source 
Modify budget categories to display only food, living expenses, and transportation.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 02:10:50 +00:00
parent 152f4a92ea
commit 3b212026b4
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/Index.tsx
View File

@@ -7,6 +7,7 @@ import AddTransactionButton from '@/components/AddTransactionButton';
import { Wallet, TrendingUp, Bell } from 'lucide-react'; import { Wallet, TrendingUp, Bell } from 'lucide-react';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { toast } from '@/components/ui/use-toast'; import { toast } from '@/components/ui/use-toast';
const Index = () => { const Index = () => {
const [selectedTab, setSelectedTab] = useState("daily"); const [selectedTab, setSelectedTab] = useState("daily");
@@ -83,6 +84,7 @@ const Index = () => {
description: `${type === 'daily' ? '일일' : type === 'weekly' ? '주간' : '월간'} 목표가 ${amount.toLocaleString()}원으로 설정되었습니다.` description: `${type === 'daily' ? '일일' : type === 'weekly' ? '주간' : '월간'} 목표가 ${amount.toLocaleString()}원으로 설정되었습니다.`
}); });
}; };
return <div className="min-h-screen bg-neuro-background pb-24"> return <div className="min-h-screen bg-neuro-background pb-24">
<div className="max-w-md mx-auto px-6"> <div className="max-w-md mx-auto px-6">
{/* Header */} {/* Header */}
@@ -214,9 +216,9 @@ const Index = () => {
{/* Budget Progress */} {/* Budget Progress */}
<h2 className="text-lg font-semibold mb-3 mt-8">지출 카테고리</h2> <h2 className="text-lg font-semibold mb-3 mt-8">지출 카테고리</h2>
<div className="grid gap-4 mb-8"> <div className="grid gap-4 mb-8">
<BudgetCard title="이번 달 총 예산" current={850000} total={1500000} />
<BudgetCard title="식비" current={240000} total={400000} color="neuro-income" /> <BudgetCard title="식비" current={240000} total={400000} color="neuro-income" />
<BudgetCard title="교통비" current={190000} total={200000} color="neuro-expense" /> <BudgetCard title="생활비" current={350000} total={600000} color="neuro-income" />
<BudgetCard title="교통비" current={190000} total={200000} color="neuro-income" />
</div> </div>
{/* Recent Transactions */} {/* Recent Transactions */}
@@ -234,4 +236,5 @@ const Index = () => {
<NavBar /> <NavBar />
</div>; </div>;
}; };
export default Index;
export default Index;