Fix data persistence issue
Addresses a problem where budget and expense data was not being saved correctly.
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user