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

Refactor budget calculation logic

Browse Source 
Modify budget calculation to use monthly input as the base and adjust tab order.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-22 11:53:18 +00:00
parent 69ab5e4c73
commit 94595ec6c8
5 changed files with 36 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/BudgetProgressCard.tsx
View File

@@ -53,8 +53,8 @@ const BudgetProgressCard: React.FC<BudgetProgressCardProps> = ({
// 초기 탭 설정을 위한 효과
useEffect(() => {
if (!selectedTab) {
console.log("초기 탭 설정: monthly");
setSelectedTab('monthly');
console.log("초기 탭 설정: daily");
setSelectedTab('daily');
}
}, []);
@@ -76,7 +76,7 @@ const BudgetProgressCard: React.FC<BudgetProgressCardProps> = ({
monthly: budgetData.monthly.targetAmount
});
// 탭 값 업데이트 (주간 탭은 별도 처리 없이 직접 사용)
// 탭 값 업데이트
setSelectedTab(value);
};
@@ -89,7 +89,7 @@ const BudgetProgressCard: React.FC<BudgetProgressCardProps> = ({
return (
<div className="neuro-card mb-6 overflow-hidden w-full">
<Tabs defaultValue="monthly" value={selectedTab} onValueChange={handleTabChange} className="w-full">
<Tabs defaultValue="daily" value={selectedTab} onValueChange={handleTabChange} className="w-full">
<TabsList className="grid grid-cols-3 mb-4 bg-transparent">
<TabsTrigger
value="daily"
@@ -97,18 +97,18 @@ const BudgetProgressCard: React.FC<BudgetProgressCardProps> = ({
>
오늘
</TabsTrigger>
<TabsTrigger
value="monthly"
className="data-[state=active]:shadow-[inset_4px_4px_8px_rgba(209,217,230,0.9),inset_-4px_-4px_8px_rgba(255,255,255,0.9)] data-[state=active]:bg-transparent data-[state=active]:font-medium transition-all duration-200"
>
월간
</TabsTrigger>
<TabsTrigger
value="weekly"
className="data-[state=active]:shadow-[inset_4px_4px_8px_rgba(209,217,230,0.9),inset_-4px_-4px_8px_rgba(255,255,255,0.9)] data-[state=active]:bg-transparent data-[state=active]:font-medium transition-all duration-200"
>
주간
</TabsTrigger>
<TabsTrigger
value="monthly"
className="data-[state=active]:shadow-[inset_4px_4px_8px_rgba(209,217,230,0.9),inset_-4px_-4px_8px_rgba(255,255,255,0.9)] data-[state=active]:bg-transparent data-[state=active]:font-medium transition-all duration-200"
>
월간
</TabsTrigger>
</TabsList>
<div className="text-sm text-gray-600 mb-2 px-1">지출 / 예산</div>