From d1ebbefb0a64e02b51b06605c141724a59e15a67 Mon Sep 17 00:00:00 2001 From: "gpt-engineer-app[bot]" <159125892+gpt-engineer-app[bot]@users.noreply.github.com> Date: Sat, 15 Mar 2025 02:29:28 +0000 Subject: [PATCH] Update budget setting text Replaced the budget setting text with a message indicating that entering the monthly budget will automatically set the daily and weekly budgets. --- src/components/BudgetProgressCard.tsx | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/src/components/BudgetProgressCard.tsx b/src/components/BudgetProgressCard.tsx index 7d66b92..cebb2f7 100644 --- a/src/components/BudgetProgressCard.tsx +++ b/src/components/BudgetProgressCard.tsx @@ -4,11 +4,13 @@ import { Input } from '@/components/ui/input'; import { Button } from '@/components/ui/button'; import { Check, ChevronDown, ChevronUp } from 'lucide-react'; import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible'; + interface BudgetData { targetAmount: number; spentAmount: number; remainingAmount: number; } + interface BudgetProgressCardProps { budgetData: { daily: BudgetData; @@ -21,6 +23,7 @@ interface BudgetProgressCardProps { calculatePercentage: (spent: number, target: number) => number; onSaveBudget: (type: 'daily' | 'weekly' | 'monthly', amount: number) => void; } + const BudgetProgressCard: React.FC = ({ budgetData, selectedTab, @@ -59,12 +62,14 @@ const BudgetProgressCard: React.FC = ({ ; }; + interface BudgetTabContentProps { data: BudgetData; formatCurrency: (amount: number) => string; calculatePercentage: (spent: number, target: number) => number; onSaveBudget: (amount: number) => void; } + const BudgetTabContent: React.FC = ({ data, formatCurrency, @@ -74,11 +79,13 @@ const BudgetTabContent: React.FC = ({ const percentage = calculatePercentage(data.spentAmount, data.targetAmount); const [isOpen, setIsOpen] = useState(false); const [budgetInput, setBudgetInput] = useState(data.targetAmount.toString()); + const handleInputChange = (value: string) => { // Remove all non-numeric characters const numericValue = value.replace(/[^0-9]/g, ''); setBudgetInput(numericValue); }; + const handleSave = () => { const amount = parseInt(budgetInput, 10) || 0; onSaveBudget(amount); @@ -89,6 +96,7 @@ const BudgetTabContent: React.FC = ({ const formatWithCommas = (amount: string) => { return amount.replace(/\B(?=(\d{3})+(?!\d))/g, ','); }; + return
@@ -128,10 +136,11 @@ const BudgetTabContent: React.FC = ({
-

현재 목표: {formatWithCommas(budgetInput)}원

+

월간 예산을 입력하면 일일, 주간 예산이 자동으로 입력됩니다.

; }; -export default BudgetProgressCard; \ No newline at end of file + +export default BudgetProgressCard;