From e0688ab95e4dd69e2034d83ea9b120505907fde1 Mon Sep 17 00:00:00 2001
From: Scarriffle <scarriffleservices@gmail.com>
Date: Mon, 7 Sep 2026 14:03:01 +0200
Subject: [PATCH] fix: Die Kontenseite stuerzte nach dem Sparziel-Feld ab
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Das Laden der Kategorien landete in der falschen Komponente – in
TransferKeywords statt in Accounts. Dort gibt es kein `groups`, also warf die
Seite beim Aufbau "groups is not defined" und blieb leer.

Der Bau lief trotzdem durch: Es ist gueltiges JavaScript, nur eben mit einem
Namen, den es an dieser Stelle nicht gibt. Auffallen konnte das erst beim
Oeffnen der Seite.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 web/src/pages/Accounts.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/pages/Accounts.jsx b/web/src/pages/Accounts.jsx
index a262e68..2d5d5ff 100644
--- a/web/src/pages/Accounts.jsx
+++ b/web/src/pages/Accounts.jsx
@@ -91,10 +91,6 @@ function TransferKeywords({ accounts }) {
     catch (err) { toast(err.message, "error"); }
   }
   useEffect(() => { laden(); }, []);
-  useEffect(() => {
-    api.listCategories().then(setGroups).catch(() => setGroups([]));
-  }, []);
-  const expenseGroups = useMemo(() => gruppenFuer(groups, "expense"), [groups]);
 
   async function hinzufuegen() {
     const w = input.trim();
@@ -231,6 +227,10 @@ export default function Accounts() {
     }
   }
   useEffect(() => { laden(); }, []);
+  useEffect(() => {
+    api.listCategories().then(setGroups).catch(() => setGroups([]));
+  }, []);
+  const expenseGroups = useMemo(() => gruppenFuer(groups, "expense"), [groups]);
 
   function openNew() {
     setEditing(null);