fix: Transfer page showing wrong tokens

components/common/ConnectWallet/WalletAssetMenu.vue

@@ -80,29 +80,29 @@
 
 <script setup lang="ts">
 import { NeoDropdown, NeoDropdownItem, NeoIcon } from '@kodadot1/brick'
-import type { ChainVM } from '@kodadot1/static'
+import type { Prefix } from '@kodadot1/static'
 import { langsFlags, setUserLocale } from '@/utils/config/i18n'
+import { transferVisible, teleportVisible, migrateVisible } from '@/utils/config/permission.config'
 
 const { urlPrefix } = usePrefix()
-const { vm } = useChain()
 // const { isAssetHub } = useIsChain(urlPrefix)
 const { neoModal } = useProgrammatic()
 
-const menus = ref<{ label: string, to: string, vm: ChainVM[] }[]>([
+const menus = ref<{ label: string, to: string, check: (v: Prefix) => boolean }[]>([
   {
     label: 'Transfer',
     to: `/${urlPrefix.value}/transfer`,
-    vm: ['SUB'],
+    check: transferVisible,
   },
   {
     label: 'Teleport Bridge',
     to: `/${urlPrefix.value}/teleport`,
-    vm: ['SUB'],
+    check: teleportVisible,
   },
   {
     label: 'Migrate',
     to: '/migrate',
-    vm: ['SUB'],
+    check: migrateVisible,
   },
 ])
 
@@ -122,7 +122,7 @@ const menus = ref<{ label: string, to: string, vm: ChainVM[] }[]>([
 // })
 
 const filteredMenus = computed(() =>
-  menus.value.filter(menu => menu.vm.includes(vm.value)),
+  menus.value.filter(menu => menu.check(urlPrefix.value)),
 )
 
 const closeModal = () => {

composables/useToken.ts

@@ -16,12 +16,11 @@ const getUniqueArrayItems = (items: string[]) => [...new Set(items)]
 export default function useToken() {
   const { getCurrentTokenValue } = useFiatStore()
   const { getTokenIconBySymbol } = useIcon()
-  const { multiBalanceAssets } = useIdentityStore()
+  const { getVmAssets } = storeToRefs(useIdentityStore())
 
-  const availableAssets = computed(() => multiBalanceAssets)
   const availableTokensAcrossAllChains = computed(() =>
     getUniqueArrayItems(
-      Object.values(availableAssets.value).map(getAssetToken),
+      Object.values(getVmAssets.value).map(getAssetToken),
     ),
   )
 

middleware/redirects.global.ts

@@ -1,8 +1,20 @@
-import { createVisible } from '@/utils/config/permission.config'
+import { type Prefix } from '@kodadot1/static'
+import { createVisible, transferVisible, teleportVisible, migrateVisible } from '@/utils/config/permission.config'
 
 export default defineNuxtRouteMiddleware((route) => {
   const { urlPrefix } = usePrefix()
 
+  const getPermissionRouteCondition = (cond: (value: string) => boolean, routeVisible: (value: Prefix) => boolean) => {
+    return {
+      cond,
+      replaceValue: () => {
+        if (!routeVisible(urlPrefix.value)) {
+          return '/'
+        }
+      },
+    }
+  }
+
   let redirectValue
 
   const paths = [
@@ -28,22 +40,18 @@ export default defineNuxtRouteMiddleware((route) => {
       cond: val => val.includes('/rmrk2/'),
       replaceValue: () => window.location.href.replace('/rmrk2/', '/ksm/'),
     },
+    getPermissionRouteCondition((val: string) => val === `/${urlPrefix.value}/teleport`, teleportVisible),
+    getPermissionRouteCondition((val: string) => val === `/${urlPrefix.value}/transfer`, transferVisible),
+    getPermissionRouteCondition((val: string) => val === '/migrate', migrateVisible),
     {
       cond: val => val.startsWith('/transfer'),
       replaceValue: () =>
         window.location.href.replace('/transfer', '/ksm/transfer'),
     },
-    {
-      cond: val =>
-        val === `/${urlPrefix.value}/create`
-        || val === `/${urlPrefix.value}/massmint`
-        || val.startsWith('/create'),
-      replaceValue: () => {
-        if (!createVisible(urlPrefix.value)) {
-          return '/'
-        }
-      },
-    },
+    getPermissionRouteCondition((val: string) =>
+      val === `/${urlPrefix.value}/create`
+      || val === `/${urlPrefix.value}/massmint`
+      || val.startsWith('/create'), createVisible),
   ]
 
   for (const path of paths) {

utils/config/permission.config.ts

@@ -1,4 +1,3 @@
-import { chainPropListOf } from './chain.config'
 import type { PartialConfig, Prefix } from './types'
 
 const hasCreate: PartialConfig = {
@@ -32,7 +31,19 @@ export const createVisible = (prefix: Prefix | string): boolean => {
 }
 
 export const listVisible = (prefix: Prefix | string): boolean => {
-  return !isEvm(prefix as Prefix)
+  return isSub(prefix as Prefix)
+}
+
+export const transferVisible = (prefix: Prefix | string): boolean => {
+  return isSub(prefix as Prefix)
+}
+
+export const teleportVisible = (prefix: Prefix | string): boolean => {
+  return isSub(prefix as Prefix)
+}
+
+export const migrateVisible = (prefix: Prefix | string): boolean => {
+  return isSub(prefix as Prefix)
 }
 
 export const seriesInsightVisible = (prefix: Prefix | string) => {
@@ -48,7 +59,7 @@ export const salesVisible = (prefix: Prefix | string) => {
 }
 
 export const dropsVisible = (prefix: Prefix | string) => {
-  return prefix === 'ahk' || prefix === 'ahp' || chainPropListOf(prefix as Prefix).vm === 'EVM'
+  return prefix === 'ahk' || prefix === 'ahp' || isEvm(prefix)
 }
 
 export const explorerVisible = (prefix: Prefix | string): boolean => {