fix: always show native assets regardless of denoms

src/pages/wallet/AssetList.module.scss

@@ -4,6 +4,7 @@
   background-color: var(--card-bg-muted);
   padding-inline: 10px;
   grid-area: list;
+
   display: grid;
   grid-template-areas: "title" "list";
   grid-template-rows: min-content auto;

src/pages/wallet/AssetList.tsx

@@ -10,10 +10,7 @@ import Asset from "./Asset"
 import styles from "./AssetList.module.scss"
 import { useTokenFilters } from "utils/localStorage"
 import { toInput } from "txs/utils"
-import {
-  useCustomTokensCW20,
-  useCustomTokensNative,
-} from "data/settings/CustomTokens"
+import { isNativeToken } from "utils/chain"
 
 const AssetList = () => {
   const { t } = useTranslation()
@@ -23,16 +20,6 @@ const AssetList = () => {
   const coins = useBankBalance()
   const { data: prices } = useExchangeRates()
   const readNativeDenom = useNativeDenoms()
-  const native = useCustomTokensNative()
-  const cw20 = useCustomTokensCW20()
-  const alwaysVisibleDenoms = useMemo(
-    () =>
-      new Set([
-        ...cw20.list.map((a) => a.token),
-        ...native.list.map((a) => a.denom),
-      ]),
-    [cw20.list, native.list]
-  )
 
   const list = useMemo(
     () =>
@@ -68,22 +55,15 @@ const AssetList = () => {
           (a) => (hideNoWhitelist ? !a.symbol.endsWith("...") : true) // TODO: update and implement whitelist check
         )
         .filter((a) => {
-          if (!hideLowBal || a.price === 0 || alwaysVisibleDenoms.has(a.denom))
+          if (!(hideLowBal && a.price === 0) || isNativeToken(a.denom))
             return true
           return a.price * toInput(a.balance) >= 1
         })
         .sort(
           (a, b) =>
             b.price * parseInt(b.balance) - a.price * parseInt(a.balance)
         ),
-    [
-      coins,
-      readNativeDenom,
-      prices,
-      hideNoWhitelist,
-      hideLowBal,
-      alwaysVisibleDenoms,
-    ]
+    [coins, readNativeDenom, prices, hideNoWhitelist, hideLowBal]
   )
 
   const render = () => {

src/utils/chain.ts

@@ -3,6 +3,7 @@ import { useNativeDenoms } from "data/token"
 import { useExchangeRates } from "data/queries/coingecko"
 import { useDisplayChains } from "./localStorage/hooks"
 import { useNetworkName } from "data/wallet"
+import { AccAddress } from "@terra-money/feather.js"
 
 type ChainId = string
 type ChainPrefix = string
@@ -55,3 +56,8 @@ export const useSortedDisplayChains = () => {
 
 export const useTerraChainName = () =>
   useNetworkName() === "mainnet" ? "phoenix-1" : "pisco-1"
+
+export const isNativeToken = (denom: string) =>
+  !denom.startsWith("ibc/") &&
+  !denom.startsWith("factory/") &&
+  !AccAddress.validate(denom)