fix: rearrange smart portfolio view

[Jarsen136]

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

Needs Design check

• @exezbcz please review

Context

• Closes rearrange smart portfolio view #6222
• Requires deployment <snek/rubick/worker>

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

• My DOT address: Payout

Screenshot 📸

• My fix has changed UI

Copilot Summary

🤖 Generated by Copilot at 68196f3

Improved the UI and code quality of the balance table component. Used the ChainToken type from the identity store module in MultipleBalances.vue and exported it for reuse.

🤖 Generated by Copilot at 68196f3

ChainToken shared
Balance table refined
Autumn of clean code

[kodabot]

SUCCESS @Jarsen136 PR for issue #6222 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	804d335
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/648b384102075c0008076e21
😎 Deploy Preview	https://deploy-preview-6230--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 settings.

[reviewpad]

AI-Generated Summary: This pull request includes a patch that primarily fixes and rearranges the smart portfolio view by modifying two files: components/balance/MultipleBalances.vue and stores/identity.ts. The changes consist of introducing a filter function to remove empty balance chains, updating display elements, and reordering elements within the balance rows. Additionally, the ChainToken type from stores/identity.ts has been exported. In total, the patch consists of 25 insertions and 9 deletions.

[preschian]

@exezbcz wondering, how about empty states? in case the user doesnt have balance in any chains yet

[yangwao]

how about empty states?

let's put there placeholder text

"You've got zero balance on this address across chains we are monitoring. If you want to buy small amount of crypto, click on Add funds through our verified on-ramp partner."

[Jarsen136]

how about empty states?

let's put there placeholder text

"You've got zero balance on this address across chains we are monitoring. If you want to buy small amount of crypto, click on Add funds through our verified on-ramp partner."

✅ Done

[yangwao]

Some merge conflict and we can merge!

[Jarsen136]

Some merge conflict and we can merge!

conflict solved.

[exezbcz]

Hey hey, I think we can tweek the spacing of the columns a bit

statemine is the longest word now, I think we can move the token column closer to that

• it would be also nice to have all the items aligned in the column

"You've got zero balance on this address across chains we are monitoring. If you want to buy small amount of crypto, click on Add funds through our verified on-ramp partner."

• its pretty long, but I guess good for now, I will come up with something shorter

[codeclimate]

Code Climate has analyzed commit 804d335 and detected 0 issues on this pull request.

View more on Code Climate.

[Jarsen136]

Hey hey, I think we can tweek the spacing of the columns a bit

statemine is the longest word now, I think we can move the token column closer to that

• it would be also nice to have all the items aligned in the column

It should be fixed now.

[exezbcz]

nice job!

[yangwao]

pay 30 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 4.32 USD/DOT ~ 6.944 $DOT
🧗 16SjUbGKSdjCdWTy3NNT3JxbRVGGqD4mwkHpc6BD9U2Rp29Z
🔗 0xc8ac469adead1df9a29373c6ccc97af8b4cf1d2ba20a0f61a8cb71b1a0859fd4

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