Refactor budget categories

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

View File

@@ -7,6 +7,7 @@ import AddTransactionButton from '@/components/AddTransactionButton';
import { Wallet, TrendingUp, Bell } from 'lucide-react';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { toast } from '@/components/ui/use-toast';
const Index = () => {
const [selectedTab, setSelectedTab] = useState("daily");
@@ -83,6 +84,7 @@ const Index = () => {
description: `${type === 'daily' ? '일일' : type === 'weekly' ? '주간' : '월간'} 목표가 ${amount.toLocaleString()}원으로 설정되었습니다.`
});
};
return <div className="min-h-screen bg-neuro-background pb-24">
<div className="max-w-md mx-auto px-6">
{/* Header */}
@@ -214,9 +216,9 @@ const Index = () => {
{/* Budget Progress */}
<h2 className="text-lg font-semibold mb-3 mt-8"> </h2>
<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={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>
{/* Recent Transactions */}
@@ -234,4 +236,5 @@ const Index = () => {
<NavBar />
</div>;
};
export default Index;