feat: only update estimate when credits update PE-5161

ardriveapp · Dec 6, 2023 · f195cad · f195cad
1 parent 22279b0
commit f195cad
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/GiftForm.tsx b/src/GiftForm.tsx
@@ -44,6 +44,10 @@ export function GiftForm({ errorCallback }: GiftFormProps) {
 
   const [credits, setCredits] = useState<string | undefined>(undefined);
 
+  const usdWhenCreditsWereLastUpdatedRef = useRef<number | undefined>(
+    undefined,
+  );
+
   const [wincForOneGiB, setWincForOneGiB] = useState<string | undefined>(
     undefined,
   );
@@ -78,7 +82,7 @@ export function GiftForm({ errorCallback }: GiftFormProps) {
         console.error(err);
         errorCallback(`Error getting credits for USD amount: ${err.message}`);
       });
-    TurboFactory;
+    usdWhenCreditsWereLastUpdatedRef.current = debouncedUsdAmount;
   }, [debouncedUsdAmount, errorCallback]);
 
   const canSubmitForm =
@@ -124,7 +128,11 @@ export function GiftForm({ errorCallback }: GiftFormProps) {
         <div>
           {wincForOneGiB && (
             <div id="conversions">
-              $<span className="conversion-amount">{usdAmount}</span> ≈{" "}
+              $
+              <span className="conversion-amount">
+                {usdWhenCreditsWereLastUpdatedRef.current}
+              </span>{" "}
+              ≈{" "}
               <span className="conversion-amount">
                 {(Number(credits) / 1_000_000_000_000).toFixed(4)}
               </span>