Merge pull request #1606 from AmbireTech/default-token-transfer#1580

Fix default token on transfer screen
AmbireTech · May 23, 2024 · 05ece99 · 05ece99
2 parents 988a80c + c5fc98f
commit 05ece99
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/Wallet/Transfer/Send/Send.js b/src/components/Wallet/Transfer/Send/Send.js
@@ -359,6 +359,7 @@ const Send = ({
       <div className={styles.content}>
         <Select
           searchable
+          preventDefaultFirst={asset!==null}
           defaultValue={asset}
           items={sortedAssetsItems}
           onChange={({ value }) => setAsset(value)}

diff --git a/src/components/common/Select/Select.js b/src/components/common/Select/Select.js
@@ -29,7 +29,8 @@ const Select = ({
   dragTarget,
   drop,
   draggableHeader,
-  displayDraggableHeader
+  displayDraggableHeader,
+  preventDefaultFirst
 }) => {
   const ref = useRef()
   const hiddenTextInput = useRef()
@@ -67,8 +68,8 @@ const Select = ({
   )
 
   useEffect(() => {
-    const item = items.find((item) => item.value === defaultValue) || items[0]
-    if (item && selectedItem.value !== item.value) selectItem(item)
+    const item = items.find((item) => item.value === defaultValue) || (preventDefaultFirst ? {} : items[0])
+    if (item && (selectedItem.value !== item.value || selectedItem.label !== item.label)) selectItem(item)
   }, [items, defaultValue, selectedItem, selectItem])
 
   useEffect(() => {