matthias/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(buchhaltung): prevent form reset on query refetch during transaction edit

Browse Source
This commit is contained in:
Matthias Hochmeister
2026-04-14 14:46:34 +02:00
parent 7392bfc29f
commit a94d486a42
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/pages/BuchhaltungTransaktionForm.tsx
View File

@@ -1,4 +1,4 @@
import { useState, useEffect } from 'react'; import { useState, useEffect, useRef } from 'react';
import { useParams, useNavigate, useSearchParams } from 'react-router-dom'; import { useParams, useNavigate, useSearchParams } from 'react-router-dom';
import { useQuery, useMutation } from '@tanstack/react-query'; import { useQuery, useMutation } from '@tanstack/react-query';
import { import {
@@ -74,9 +74,12 @@ export default function BuchhaltungTransaktionForm() {
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
}, [haushaltsjahre]); }, [haushaltsjahre]);
// Pre-fill from existing transaction when editing const hasPrefilled = useRef(false);
// Pre-fill from existing transaction when editing — only once
useEffect(() => { useEffect(() => {
if (existing) { if (existing && !hasPrefilled.current) {
hasPrefilled.current = true;
setForm({ setForm({
haushaltsjahr_id: existing.haushaltsjahr_id, haushaltsjahr_id: existing.haushaltsjahr_id,
typ: existing.typ as 'einnahme' | 'ausgabe', typ: existing.typ as 'einnahme' | 'ausgabe',