showing default token incase no value selected to make better user experience

Author: sk-enya

src/components/common/tokenImage.tsx

@@ -11,6 +11,13 @@ const TokenImage: FC<TokenImageProps> = ({
   className
 }) => {
 
+  if (symbol === 'Token') {
+    return (
+      <div className={`w-8 h-8 rounded-full bg-gray-400 dark:bg-gray-700`}>
+      </div>
+    )
+  }
+
   return (
     <img
       src={`${DATA_URL_TOKEN_ASSET}/${symbol.toLowerCase()}.svg`}

src/layout/bridge/TokenAmountSelection.tsx

@@ -15,8 +15,8 @@ export const TokenSelection: React.FC = () => {
     <Button
       onClick={() => { openModal(ModalIds.TokenPicker) }}
       className="flex h-11 justify-start items-center gap-1 w-full rounded-s-full shadow-sm px-[12px] py-2 text-gray-800 border border-gray-500 dark:border-dark-gray-300 bg-transperant">
-      <TokenImage symbol={selectedToken?.symbol ?? 'BOBA'} />
-      <Text variant="small"  >{selectedToken?.symbol ?? 'Boba'}</Text>
+      <TokenImage symbol={selectedToken?.symbol ?? 'Token'} />
+      <Text variant="small"  >{selectedToken?.symbol ?? 'Token'}</Text>
     </Button>
   </div>
 }