From db097300b220588b7b87bb052e60c73a21a1e576 Mon Sep 17 00:00:00 2001
From: Tobias Petrich <tobias.petrich@campus.tu-berlin.de>
Date: Wed, 27 Mar 2024 01:44:54 +0100
Subject: [PATCH] fix betrag not updating correctly on delete

---
 src/components/molecules/PostenInput.tsx | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/components/molecules/PostenInput.tsx b/src/components/molecules/PostenInput.tsx
index 1870ba3..867bb5b 100644
--- a/src/components/molecules/PostenInput.tsx
+++ b/src/components/molecules/PostenInput.tsx
@@ -4,7 +4,7 @@ import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined
 import Posten from "../../data/Posten.ts";
 import Zahlungsart from "../../data/Zahlungsart.ts";
 import dayjs from "dayjs";
-import {useState} from "react";
+import {useEffect, useState} from "react";
 
 const styles = {
     textfield: {
@@ -21,14 +21,9 @@ const styles = {
 const PostenInput = ({thisPosten, posten, setPosten}: { thisPosten: Posten, posten: Posten[], setPosten: any }) => {
     const [betragDisplay, setBetragDisplay] = useState('');
 
-    // useEffect(() => {
-    //     // Format the initial posten betrag for display
-    //     if (posten.getBetrag()) {
-    //         const formattedValue = posten.getBetrag().toString().padStart(3, '0');
-    //         const initialDisplayValue = formattedValue.slice(0, -2) + ',' + formattedValue.slice(-2);
-    //         setBetragDisplay(initialDisplayValue);
-    //     }
-    // }, [posten]);
+    useEffect(() => {
+        setBetragDisplay(thisPosten.getBetragString().slice(0, -2));
+    }, [thisPosten]);
 
     const handleBetragChange = (event: React.ChangeEvent<HTMLInputElement>, isBlurred: boolean) => {
         const originalValue = event.target.value;