feat: Buy now spinning wheel

[hassnian]

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

Context

Added loading state when trying to buy item and wallet is not connected , should show loading state with wallet label

• Closes Buy now spinning wheel  #6626
• Requires deployment <snek/rubick/worker>

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

• Fill up your DOT address: Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

• My fix has changed something on UI;

CleanShot.2023-08-11.at.14.26.57.mp4

Copilot Summary

🤖 Generated by Copilot at 626607f

This pull request enhances the user experience and functionality of buying NFTs from the gallery. It adds a new prop showActionOnHover to NeoNftCard and ItemsGridImage components to control the visibility of the action buttons. It also fixes a bug with the wallet connection modal and adds a new feature to remember the selected item and resume the purchase after connecting the wallet. It updates the useDoAfterlogin composable and the shoppingCart store to support the new feature and the onCancel callback. It also adds a new translation key and some style changes.

🤖 Generated by Copilot at 626607f

NeoNftCard changes
Show or hide action buttons
Autumn leaves falling

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	cc0d933
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64d7332680e3600007a3c789
😎 Deploy Preview	https://deploy-preview-6674--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 #6626 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 a series of patches involving multiple changes and fixes. It makes several updates to the wallet functionality, item-purchasing process, and interface styles across different components:

1. Updates to the wallet-connect functionality: A cancel option is added to the OpenWalletModalConfig, and the 'modal.value' is nullified only when the 'onCancel' function is called.

2. Improvements in the buying process in ItemsGridImage.vue: The buy button becomes a loading spinner when a user is in the process of connecting their wallet. A 'buyLabel' is also added to display a 'wallet' message while the wallet is being connected.

3. Fixes a minor translation issue in the buyLabel area.

4. Check if the user is logged in before showing the wallet connection process.

5. Refactors the hover-action to just action for simplicity and clarity.

6. Adds style updates for the loading button during the wallet connection process.

Overall, this pull request enhances the user experience and functionality during the wallet connection and item-purchasing processes.

[exezbcz]

works for me, nice job!

[codeclimate]

Code Climate has analyzed commit cc0d933 and detected 1 issue on this pull request.

Here's the issue category breakdown:

Category	Count
Complexity	1

View more on Code Climate.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[daiagi]

Don't need withDefaults
Declaring optional prop loadingWithLabel?: boolean

Also works

other than that lgtm

[yangwao]

pay 50 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $50 @ 5.03 USD/DOT ~ 9.94 $DOT
🧗 16faLfsywwNATaEfbH2ah75dn6ZmctQWpMS5G4KFhbmj5hnD
🔗 0xfe8bfea10468e91d705c2672c828eafad8413fd0fd080fb3d9de9a49d0deaf49

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