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

Fix default token on transfer screen

Author: Ivshti

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)}

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(() => {