Fix data persistence issue

Addresses a problem where budget and expense data was not being saved correctly.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-16 05:34:18 +00:00
parent a1518db6c0
commit 0824b812cb
6 changed files with 267 additions and 109 deletions

View File

@@ -3,6 +3,7 @@ import React from 'react';
import { zodResolver } from '@hookform/resolvers/zod';
import { useForm } from 'react-hook-form';
import { Transaction } from '@/components/TransactionCard';
import { useBudget } from '@/contexts/BudgetContext';
import {
Dialog,
DialogContent,
@@ -25,7 +26,7 @@ interface TransactionEditDialogProps {
transaction: Transaction;
open: boolean;
onOpenChange: (open: boolean) => void;
onSave: (updatedTransaction: Transaction) => void;
onSave?: (updatedTransaction: Transaction) => void;
onDelete?: (id: string) => void;
}
@@ -36,6 +37,8 @@ const TransactionEditDialog: React.FC<TransactionEditDialogProps> = ({
onSave,
onDelete
}) => {
const { updateTransaction, deleteTransaction } = useBudget();
const form = useForm<TransactionFormValues>({
resolver: zodResolver(transactionFormSchema),
defaultValues: {
@@ -49,26 +52,44 @@ const TransactionEditDialog: React.FC<TransactionEditDialogProps> = ({
// Remove commas from amount string and convert to number
const cleanAmount = values.amount.replace(/,/g, '');
onSave({
const updatedTransaction = {
...transaction,
title: values.title,
amount: Number(cleanAmount),
category: values.category,
});
};
// 컨텍스트를 통해 트랜잭션 업데이트
updateTransaction(updatedTransaction);
// 부모 컴포넌트의 onSave 콜백이 있다면 호출
if (onSave) {
onSave(updatedTransaction);
}
onOpenChange(false);
toast({
title: "지출이 수정되었습니다",
description: `${values.title} 항목이 ${formatWithCommas(cleanAmount)}원으로 수정되었습니다.`,
});
};
const handleDelete = () => {
// 컨텍스트를 통해 트랜잭션 삭제
deleteTransaction(transaction.id);
// 부모 컴포넌트의 onDelete 콜백이 있다면 호출
if (onDelete) {
onDelete(transaction.id);
onOpenChange(false);
toast({
title: "지출이 삭제되었습니다",
description: `${transaction.title} 항목이 삭제되었습니다.`,
});
}
onOpenChange(false);
toast({
title: "지출이 삭제되었습니다",
description: `${transaction.title} 항목이 삭제되었습니다.`,
});
};
return (
@@ -83,7 +104,7 @@ const TransactionEditDialog: React.FC<TransactionEditDialogProps> = ({
<TransactionFormFields form={form} />
<DialogFooter className="flex justify-between gap-2 mt-6">
{onDelete && <TransactionDeleteAlert onDelete={handleDelete} />}
<TransactionDeleteAlert onDelete={handleDelete} />
<div className="flex gap-2">
<DialogClose asChild>
<Button type="button" variant="outline"></Button>