teleport warning followup

[daiagi]

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

Needs Design check

• @exezbcz please review

Context

• Closes Teleport warning followups  #8527
• Closes bad button label in telport #8548

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

• My DOT address: Payout

Screenshot 📸

• My fix has changed UI

Copilot Summary

🤖[deprecated] Generated by Copilot at e454f94

This pull request enhances the user experience and safety of the teleport feature by adding a warning modal and a tooltip to inform the user about the existential deposit risk. It also fixes a minor bug with the currency value display. The changes affect the Teleport.vue and EDWarningModal.vue components and the en.json localization file.

🤖[deprecated] Generated by Copilot at e454f94

To teleport funds, you must know
The existential deposit, though
If you send too few
A modal will show
And warn you before you can go

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	39ef0ec
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/657bc175719772000844fda9
😎 Deploy Preview	https://deploy-preview-8549--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.

[kodabot]

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

[kodabot]

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

[reviewpad]

AI-Generated Summary: This pull request introduces a new warning modal for the teleport feature. It includes a major update to the teleportation process, ensuring that users are informed about the risk of fund loss when the existential deposit is insufficient. To accomplish this, a new component, EDWarningModal.vue, was created, and changes were made to the Teleport.vue component. These modifications ensure that a warning modal appears when users attempt to teleport with an insufficient existential deposit, letting them know about the potential permanent fund loss. Additionally, some localization text in locales/en.json was updated to support the new features.

[exezbcz]

can we maybe add "DOT" and also "(existential deposit)" so its clear why

[prury]

• Cursor style when hovering over Funds at risk message

• mobile:
  

[daiagi]

• Cursor style when hovering over Funds at risk message

fixed - although it is same as all text in the app

mobile

i whipped up some solution. @exezbcz wdyt?

[prury]

• Cursor style when hovering over Funds at risk message

fixed - although it is same as all text in the app

forgive me, I've failed to specify that it was only on why? and it was pointer style, but since its minor let's go.

[exezbcz]

i whipped up some solution. @exezbcz wdyt?

works for me thanks!

feedback

Transferring Less Than 1 + Fees

-> Transferring Less Than 1 DOT (existential deposit) + Fees

[daiagi]

forgive me, I've failed to specify that it was only on why? and it was pointer style, but since its minor let's go.

it isn't clickable. only hoverable

[prury]

forgive me, I've failed to specify that it was only on why? and it was pointer style, but since its minor let's go.

it isn't clickable. only hoverable

True

[daiagi]

@exezbcz

[sonarqubecloud]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[codeclimate]

Code Climate has analyzed commit 39ef0ec and detected 0 issues on this pull request.

View more on Code Climate.

[prury]

@daiagi strange, i'm still not seeing the currency, even after cache clear or browser change
and now message appears even if i funds on destination chain

[exezbcz]

Can we push this one ASAP, please as more people are losing their funds

[yangwao]

i'm still not seeing the currency, even after cache clear or browser change
and now message appears even if i funds on destination chain

@prury let's do follow up, merging it for now, hope it improves over time

[yangwao]

Thanks!
pay 50 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $50 @ 7.16 USD/DOT ~ 6.983 $DOT
🧗 1cAsKZYNRb8dkSCpn4eVkEn6ycNZTGoDo5dGDgB8J1UUWK8
🔗 0x229cd8a10d454d22fc8d32c87be6eaa05997ce68df3fac5b1618805569c7dede

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