fix: Not possible to play with generative art drop page when not connected

[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

Needs QA check

• @kodadot/qa-guild please review

Context

• Closes Not possible to play with generative art drop page when not connected #7888
• Requires deployment <snek/rubick/worker>

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

• My DOT address: Payout

Screenshot 📸

• My fix has changed UI

Copilot Summary

copilot:summary

copilot:poem

[kodabot]

SUCCESS @Jarsen136 PR for issue #7888 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	1797bfe
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/653fe722e3a7e10008bc5282
😎 Deploy Preview	https://deploy-preview-7895--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 includes changes to the drop functionality of a generative art collection. It resolves the issue where users were unable to interact with the generative art drop page when not connected. The patch modifies two vue files: Generative.vue and GenerativePreview.vue.

In Generative.vue, a condition has been added to disable the mint button if the user is not connected (i.e., no accountId is available).

In GenerativePreview.vue, the generateNft function has been updated to handle cases where no accountId is available. The function now defaults to a random ss58Format value when there's no accountId. Moreover, generateNft function is now called on accountId changes instead of just on component mount.

These changes are intended to improve user experience by enabling interaction with the generative art drop page even when users are not connected.

[codeclimate]

Code Climate has analyzed commit 1797bfe and detected 0 issues on this pull request.

View more on Code Climate.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
1.0% Duplication

[prury]

@Jarsen136 i think one point could be improved, let's say I'm disconnected and i find one image i like, i click on connect wallet, but as soon as i connect, the page runs the generate new automatically and i lose that image i wanted. (same happens when disconnecting)

[Jarsen136]

@Jarsen136 i think one point could be improved, let's say I'm disconnected and i find one image i like, i click on connect wallet, but as soon as i connect, the page runs the generate new automatically and i lose that image i wanted. (same happens when disconnecting)

It was implemented purposely like that because the image consists of the current address and a random value. When you connect/disconnect the wallet, the image will change accordingly. @prury

[prury]

@Jarsen136 i think one point could be improved, let's say I'm disconnected and i find one image i like, i click on connect wallet, but as soon as i connect, the page runs the generate new automatically and i lose that image i wanted. (same happens when disconnecting)

It was implemented purposely like that because the image consists of the current address and a random value. When you connect/disconnect the wallet, the image will change accordingly. @prury

hmm i see, ok then i guess

[yangwao]

Thanks!
pay 30 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 4.34 USD/DOT ~ 6.912 $DOT
🧗 16SjUbGKSdjCdWTy3NNT3JxbRVGGqD4mwkHpc6BD9U2Rp29Z
🔗 0x7c06de29d7a71c9c987018d287a5d1158c9c5885c2de9ab2a3f27b0bf2832fd9

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