fix: filtering out non-native assets for auto-select on Transfer (#2125)

Author: neocybereth

apps/namadillo/src/App/Ibc/IbcTransfer.tsx

@@ -10,6 +10,7 @@ import { allDefaultAccountsAtom } from "atoms/accounts";
 import {
   assetBalanceAtomFamily,
   availableChainsAtom,
+  enabledIbcAssetsDenomFamily,
   ibcChannelsFamily,
 } from "atoms/integrations";
 import BigNumber from "bignumber.js";
@@ -61,8 +62,10 @@ export const IbcTransfer = (): JSX.Element => {
       walletAddress: sourceAddress,
     })
   );
-  const { trackEvent } = useFathomTracker();
 
+  const { trackEvent } = useFathomTracker();
+  const { data: enabledAssets, isLoading: isLoadingEnabledAssets } =
+    useAtomValue(enabledIbcAssetsDenomFamily(ibcChannels?.namadaChannel));
   const [shielded, setShielded] = useState<boolean>(true);
   const [selectedAssetAddress, setSelectedAssetAddress] = useUrlState(
     params.asset
@@ -84,15 +87,17 @@ export const IbcTransfer = (): JSX.Element => {
     selectedAssetAddress ? userAssets?.[selectedAssetAddress] : undefined;
 
   const availableAssets = useMemo(() => {
-    if (!userAssets) return undefined;
+    if (!enabledAssets || !userAssets) return undefined;
+
     const output: AddressWithAssetAndAmountMap = {};
     for (const key in userAssets) {
-      if (registry?.assets.assets.find((a) => a.base === key)?.base) {
+      if (enabledAssets.includes(userAssets[key].asset.base)) {
         output[key] = { ...userAssets[key] };
       }
     }
+
     return output;
-  }, [userAssets]);
+  }, [enabledAssets, userAssets]);
 
   // Manage the history of transactions
   const { storeTransaction } = useTransactionActions();
@@ -193,7 +198,7 @@ export const IbcTransfer = (): JSX.Element => {
       </div>
       <TransferModule
         source={{
-          isLoadingAssets: isLoadingBalances,
+          isLoadingAssets: isLoadingBalances || isLoadingEnabledAssets,
           availableAssets,
           selectedAssetAddress,
           availableAmount,