fix: Teleport - checking funds visual bug

[hassnian]

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Teleport - checking funds visual bug #9193

Needs QA check

• @kodadot/qa-guild please review

@prury also check the main buttin text

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

• Fill up your DOT address: Payout

Screenshot 📸

• My fix has changed something on UI;

CleanShot.2024-01-31.at.11.03.30.mp4

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	2c74721
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/65b9da442f48c20008dcc729
😎 Deploy Preview	https://deploy-preview-9206--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 @hassnian PR for issue #9193 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 includes changes to the 'AutoTeleportModal.vue' file. The alterations aim to improve the functioning of auto teleport modal by fixing the issue regarding checking funds loading after a successful buy.

The activeStep variable declaration has been updated and brought after isModalActive, while the calculation of checkBalanceState has been restructured and renamed as balanceCheckState.

The status computation code has been moved inside a watch function for better reactivity, ensuring the balance check status updates appropriately when the status of teleport transaction finalizes or the ability to do an action changes.

Some other values like hasActions and hasCompletedBalanceCheck were also revised for their variable assignments. Extra attention was given to the conditions while returning the btnLabel value and a watch function was also added to manage the state of balanceCheckState.

Overall, this patch aims to improve the user interface by monitoring specific conditions and changing the status of certain steps accordingly.

[codeclimate]

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

View more on Code Climate.

[sonarcloud]

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

[yangwao]

thanks!
pay 20 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $20 @ 6.64 USD/DOT ~ 3.012 $DOT
🧗 16faLfsywwNATaEfbH2ah75dn6ZmctQWpMS5G4KFhbmj5hnD
🔗 0x9c4f0f866b5f9c6fefad4bcd9df8019ad3f90c5c58bcd11882ce51bef7bd86b4

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