feat: isChain composable (#6203)

* feat: isChain composable

* fix: computed prefix

components/common/ConnectWallet/WalletAssetMenu.vue

@@ -52,7 +52,8 @@ import { NeoIcon } from '@kodadot1/brick'
 import { langsFlags } from '@/utils/config/i18n'
 import { useLangStore } from '@/stores/lang'
 
-const { urlPrefix, isBasilisk } = usePrefix()
+const { urlPrefix } = usePrefix()
+const { isBasilisk } = useIsChain(urlPrefix)
 const { toggleColorMode, isDarkMode } = useTheme()
 
 const langStore = useLangStore()

components/common/ConnectWallet/WalletAssetPortfolio.vue

@@ -21,7 +21,8 @@
 import { NeoButton } from '@kodadot1/brick'
 import { RampInstantSDK } from '@ramp-network/ramp-instant-sdk'
 
-const { urlPrefix, isBasilisk } = usePrefix()
+const { urlPrefix } = usePrefix()
+const { isBasilisk } = useIsChain(urlPrefix)
 const { accountId } = useAuth()
 
 const showRampSDK = () => {

composables/useIsChain.ts

@@ -0,0 +1,20 @@
+import type { Prefix } from '@kodadot1/static'
+import type { ComputedRef } from 'vue'
+
+export default function (prefix: ComputedRef<Prefix>) {
+ const isBasilisk = computed(
+ () => prefix.value === 'bsx' || prefix.value === 'snek'
+ )
+ const isRemark = computed(
+ () => prefix.value === 'rmrk' || prefix.value === 'ksm'
+ )
+ const isAssetHub = computed(
+ () => prefix.value === 'stmn' || prefix.value === 'stt'
+ )
+
+ return {
+ isBasilisk,
+ isRemark,
+ isAssetHub,
+ }
+}

composables/usePrefix.ts

@@ -40,16 +40,11 @@ export default function () {
  return useAssetsStore().getAssetById(String(id))
  }
 
- const isBasilisk = computed(
- () => prefix.value === 'bsx' || prefix.value === 'snek'
- )
-
  return {
  urlPrefix,
  setUrlPrefix,
  client,
  tokenId,
  assets,
- isBasilisk,
  }
 }