Remove useFireChangeOnUnmount

packages/desktop-client/src/components/util/AmountInput.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useRef, useState } from 'react';
 
 import {
   currencyToInteger,
@@ -56,8 +56,6 @@ export function AmountInput({
     }
   }
 
-  useFireChangeOnUnmount(fireChange, value, negative);
-
   return (
     <InputWithContent
       id={id}
@@ -119,21 +117,3 @@ export function BetweenAmountInput({ defaultValue, onChange }) {
     </View>
   );
 }
-
-// Surely there must be a better way...
-// Blur does not fire at the moment so I try to save
-// when this component is unmounted.
-function useFireChangeOnUnmount(fireChange, value, negative) {
-  let valueRef = useRef(value);
-  let negativeRef = useRef(negative);
-  useEffect(() => {
-    valueRef.current = value;
-    negativeRef.current = negative;
-  }, [value, negative]);
-
-  useEffect(() => {
-    return () => {
-      fireChange(valueRef.current, negativeRef.current);
-    };
-  }, []);
-}