Save AmountInput changes on unmount

actualbudget · Nov 8, 2023 · 8a8b1f7 · 8a8b1f7
1 parent 1c68c3f
commit 8a8b1f7
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/packages/desktop-client/src/components/util/AmountInput.js b/packages/desktop-client/src/components/util/AmountInput.js
@@ -1,4 +1,4 @@
-import React, { useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 
 import evalArithmetic from 'loot-core/src/shared/arithmetic';
 import { amountToInteger } from 'loot-core/src/shared/util';
@@ -59,6 +59,15 @@ export function AmountInput({
     }
   }
 
+  // Save changes when the component unmounts.
+  useEffect(() => {
+    return () => {
+      if (value !== initialValue) {
+        fireChange(value, negative);
+      }
+    };
+  }, [initialValue, value, negative]);
+
   return (
     <InputWithContent
       id={id}