Nuxt-property-decorator/Transfer

[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
• Refactoring

Needs QA check

• @kodadot/qa-guild please review

Context

• Related with Reduce using nuxt-property-decorator and use composition API #4750

Pages in this PR

/prefix/transfer

desired outcome

no change in look and/or behavior

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 825b84f

Added block explorer support and improved Auth component. The useChain composable can now provide a blockExplorer link for different chains, and the Auth component can be used without specifying a size prop.

🤖 Generated by Copilot at 825b84f

We're sailing on the web with our Auth component
We've made the size prop optional, so it's more convenient
And when we need to check the chain, we have a handy link
We use the blockExplorer to see what's on the brink

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	825b84f
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64bb5ce88e3ef000085663e9
😎 Deploy Preview	https://deploy-preview-6456--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.

[codeclimate]

Code Climate has analyzed commit 825b84f and detected 0 issues on this pull request.

View more on Code Climate.

[reviewpad]

AI-Generated Summary: This pull request introduces several changes across both TypeScript and Vue.js files.

In the TypeScript file useChain.ts, a new constant blockExplorer is added inside the default exported function. This is then returned from the function, thereby expanding its return object to now include blockExplorer.

In the Auth.vue file in the shared components directory, a minor modification is made where the 'size' property in the defineProps function has been changed from mandatory to optional.

The Vue.js codebase sees a significant simplification in the transfer page. Code related to state and logic management for blockchain-related interactions has been stripped out, implying a move towards more centralized state management. This includes the introduction of a new Transfer component that handles a host of operations - from fetching fiat prices to handling transaction submissions.

Specifically, the Transfer.vue component, a major addition, enhances the application's functionalities and user interactions. The component includes a rich user interface, complete with status indicators, linkages to artist profiles, balance displays, input fields, and necessary buttons for various interactions such as submitting transactions and sharing via twitter.

[reviewpad]

Reviewpad Report

⚠️ Warnings

• Please link an issue to the pull request

[Jarsen136]

code lgtm

[prury]

Made some transfers, they all went well
General check - ok

https://polkadot.subscan.io/extrinsic/0xce98b85ceaba0096c3b2de9d4c8e43fcc2a46183ddb1a6f5db309c46aeed3db7?tab=event

https://kusama.subscan.io/tx/0x00cfd3112062021a2802742479de2252bc5667bdd3058cfa3c7dec0fb51fb66f

https://kusama.subscan.io/tx/0xecf37b126e3bfc9dacb831b79e699afd94bab3b2e1139fa2459f102ceeb1ae66

[yangwao]

pay 50 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $50 @ 5.14 USD/DOT ~ 9.728 $DOT
🧗 1cAsKZYNRb8dkSCpn4eVkEn6ycNZTGoDo5dGDgB8J1UUWK8
🔗 0x5c4505199449d3edea9058033734cf0cd549628eee8be76d184fcefc2215462e

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

[roiLeo]

☹️