ref(transfer token switch): Refactor for token switching at transfer

[hassnian]

Thank you for your contribution to the KodaDot - One Stop Shop for Polkadot NFTs.

👇 __ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Refactor for token switching at transfer #6857

These two new files in general.

utils/object.ts is very verbose, and requires a lot of data manipulation.

composables/useToken.ts is currently bound to 3 tokens (chains) Therefore my best bet is that at this point both AssetHubs do not work

And with current impl I am unable to implement USDT

• KSM token on Basilisk is not implementable too

• refactored both files
• works on all chains with KSM token on Basilisk

• it is really confusing that I am on the KSM prefix and I want to send DOT

in this point we can be able to either use route replace or

Remove transfer from prefix (therefore user has to specify chain)

• kept url prefix

Did your issue had any of the "$" label on it?

• Fill up your DOT address: Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

• My fix has changed something on UI;

Copilot Summary

🤖 Generated by Copilot at b2fdb6b

This pull request adds support for multiple balances and tokens across different chains for the NFT gallery. It refactors and enhances several components and composables to use chain and token data and utilities from external modules, and to handle the token selection and validation logic. It also removes some unused code and improves code reusability and consistency. The main files affected are MultipleBalances.vue, Money.vue, Transfer.vue, useToken.ts, useBalance.ts, chain.ts, and identity.ts.

🤖 Generated by Copilot at b2fdb6b

useBalance switch
Chains and tokens everywhere
Autumn of refactor

[kodabot]

SUCCESS @hassnian PR for issue #6857 which is assigned to you. Please wait for review and don't hesitate to grab another issue in the meantime!

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	cdc383a
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64ec5b9316c9c800082a62a0
😎 Deploy Preview	https://deploy-preview-6895--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[reviewpad]

AI-Generated Summary: This pull request consists of three patches.

The first patch refactors the handling of tokens and crosschain tokens in multiple components and utilities, mainly focusing on improving the calculation and formatting of balances. Key changes include moving the networkToPrefix object from MultipleBalances.vue to chain.ts, adding a new computed decimals property in Money.vue and Transfer.vue to dynamically determine decimal places based on chain details, and simplifying the calculation of token chains and validity checks in useToken.ts.

The second patch fixes balance issues within the Transfer.vue component and useBalance.ts composable. Notably, the computed property balance within Transfer.vue is replaced with a newly introduced getBalance method in useBalance.ts. This method calculates the relevant balance based on token and chain.

The third patch refines previous changes and removes unneeded variables. Transfer.vue is further simplified by using the renamed isTokenValidForChain method from useToken.ts and removing the unneeded identityStore.

[Jarsen136]

small stuff

[prury]

sometimes the page gets refreshed, sometimes it doesn't, most times the selected asset gets to be the first in order, but not all the time(check KSM behavior)

position.mp4

[hassnian]

sometimes the page gets refreshed, sometimes it doesn't, most times the selected asset gets to be the first in order, but not all the time(check KSM behavior)

position.mp4

@prury
that would be the expected behavior in this case since when it refreshes it changing networks see pr context section @vikiival 's comment

to remove the refresh as mentioned we have to get rid of the prefix inside the url , the whole state will rerender on route change , tabs included , that's why sometimes is first (route change), is not first just changing token on the same network

where is not changing networks is when a token is available also inside that chain like KSM on bsx

• have you tested ksm on bsx? does that work properly

thanks

waiting on feedback @Jarsen136 @vikiival

[exezbcz]

@prury could you have a look, please? 👀

[hassnian]

ok here we go

@Jarsen136 removed all traces of code that is not used (basically all related to mutlichain tokens), pls review last one 🤞

@prury pls verify that all works

@preschian need a review :D

[prury]

what a journey eh?

only thing i've found so far(BSX balances):
seems to be getting my KSM on bsx balance

happens after i chose BSX then go to Kusama(could be a one time only bug), but its getting my bsx balance

once its fixed I'll make some transfers

[codeclimate]

Code Climate has analyzed commit cdc383a and detected 1 issue on this pull request.

Here's the issue category breakdown:

Category	Count
Complexity	1

View more on Code Climate.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[hassnian]

@prury
yep a loooong journey :d

try now

[prury]

balances showing correctly ✔️

https://kusama.subscan.io/tx/0x2f6325107e8d145682818db3a7f72f3a77203d407b48823c07b2c91989b479ac ✔️
https://polkadot.subscan.io/extrinsic/17044202-2 ✔️
https://basilisk.subscan.io/tx/0xef00df918fc9a6eb0d1ee5cc1cbe14e6f5a833629e69fb5544f4c31eaab422b3 ✔️

[yangwao]

pay 50 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $50 @ 4.56 USD/DOT ~ 10.965 $DOT
🧗 13QUj3pZyFNfYj4AM336hRdyLQbevj5H3sR4PKmLEXLdwZhh
🔗 0xe59543bc8b680512daa96da5225d5acd4dfecc87d9e8605188a2e270048e537c

🪅 Let’s grab another issue and get rewarded!
🪄 github.com/kodadot/nft-gallery/issues

[hassnian]

@yangwao payout failed

[yangwao]

pay 50 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $50 @ 4.59 USD/DOT ~ 10.893 $DOT
🧗 13QUj3pZyFNfYj4AM336hRdyLQbevj5H3sR4PKmLEXLdwZhh
🔗 0x5d93ec54c5617bef1c62282316527c17e4d740ce492ff050dd1f81da4b624af1

🪅 Let’s grab another issue and get rewarded!
🪄 github.com/kodadot/nft-gallery/issues