Refactor budget categories
Modify budget categories to display only food, living expenses, and transportation.
This commit is contained in:
@@ -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;
|
||||
|
||||
export default Index;
|
||||
|
||||
Reference in New Issue
Block a user