save native value when focusing

rainbow-me · Jun 28, 2023 · 78df99b · 78df99b
1 parent 6d6475a
commit 78df99b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/entries/popup/hooks/swap/useSwapInputs.ts b/src/entries/popup/hooks/swap/useSwapInputs.ts
@@ -69,7 +69,6 @@ export const useSwapInputs = ({
       setAssetToSellNativeValue(value);
       setIndependentField('sellNativeField');
       setIndependentValue(value);
-
       setAssetToSellValue(
         value
           ? convertAmountFromNativeValue(

diff --git a/src/entries/popup/pages/swap/SwapTokenInput/TokenInfo/TokenToSellInfo.tsx b/src/entries/popup/pages/swap/SwapTokenInput/TokenInfo/TokenToSellInfo.tsx
@@ -70,6 +70,11 @@ export const TokenToSellInfo = ({
     assetToSellNativeValue,
   ]);
 
+  const onFocus = useCallback(() => {
+    setAssetToSellInputNativeValue(nativeFieldValue ?? '');
+    setIndependentField('sellNativeField');
+  }, [nativeFieldValue, setAssetToSellInputNativeValue, setIndependentField]);
+
   if (!asset) return null;
   return (
     <Box width="full">
@@ -101,7 +106,7 @@ export const TokenToSellInfo = ({
                       fontFamily: 'rounded',
                     }),
                   ]}
-                  onFocus={() => setIndependentField('sellNativeField')}
+                  onFocus={onFocus}
                   disabled={!asset?.native?.price?.amount}
                 />
               </Bleed>