fix: transfer amount

[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 QA check

• @kodadot/qa-guild please review

Context

• Closes Show correct value with decimals in new Transfer page and allow user to send less than 0.01 KSM #6711
• Set the value of USD with two decimal places and the number of tokens with four decimal places.

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

• My DOT address: Payout

Screenshot 📸

• My fix has changed UI

Old design of transfer

Redesigned transfer page

I have made a test transfer with 0.0022KSM($0.05)

tx: https://kusama.subscan.io/extrinsic/19246871-3

Copilot Summary

🤖 Generated by Copilot at 75a6ec1

This pull request improves the calculation and display of USD values for different tokens in the top collections and transfer components. It also refactors some utility functions and hooks to enhance code quality and consistency.

🤖 Generated by Copilot at 75a6ec1

To calculate tokens in bucks
They refactored some utility funcs
They also replaced
The hooks that they faced
And used getters instead of state flux

[kodabot]

SUCCESS @Jarsen136 PR for issue #6711 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	0756032
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64dc8c906dda350008061ade
😎 Deploy Preview	https://deploy-preview-6729--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 contains changes related to the transfer amount calculations in the codebase. It replaces the previously used calculateUsdFromKsm and calculateKsmFromUsd functions with more generalized calculateUsdFromToken and calculateTokenFromUsd functions respectively. These new functions are used in TopCollectionsItem.vue, Transfer.vue, TransferOld.vue, and calculation.ts files. This way, the new implementation works for tokens other than KMS. These changes result in better maintainability, readability, and ease of incorporating other tokens in future. It changes four files with 21 insertions and 15 deletions.

[prury]

looking really nice! good job!
https://kusama.subscan.io/tx/0x9b8fba6717b47ef5441f416dc4578df70bb18ffa1a8744da24593b5ebb743862
https://kusama.subscan.io/tx/0x7c498260e7f902116ab07a964f65b39f4c2faaf4f777806539cb3f1bd8f842f9

[preschian]

otherwise lgtm

[codeclimate]

Code Climate has analyzed commit 0756032 and detected 2 issues on this pull request.

Here's the issue category breakdown:

Category	Count
Duplication	2

View more on Code Climate.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
2.2% Duplication

[vikiival]

Thanks for followup!