fix: long email address on create Identity

[Jarsen136]

Thank you for your contribution to the KodaDot NFT gallery.

👇 _ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes BSX: long email address on create Identity #4835

Details:

• move IdentityForm outside rmrk folder
• use native html verification
• BasicInput "max" 32chars prop
• Vue 3 refactoring
• fullwidth submit
• fix darkmode issue

Before submitting pull request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality
• I've posted a screenshot of demonstrated change in this PR

Optional

• I've tested it at </bsx/collection>
• I've tested PR on mobile
• I've written unit tests 🧪
• I've found edge cases

Had issue bounty label?

• Fill up your KSM address: Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

[kodabot]

SUCCESS @Jarsen136 PR for issue #4835 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-nuxt ready!

Name	Link
🔨 Latest commit	595910e
🔍 Latest deploy log	https://app.netlify.com/sites/koda-nuxt/deploys/63d3895e4221bb00086ff77a
😎 Deploy Preview	https://deploy-preview-4839--koda-nuxt.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 settings.

[roiLeo]

mfw I see a form without <form> tag

small note

• remove unused code in IdentityForm
• could you fix/remove box class issue in darkmode
• can we have full width submit button? 🥺

[Jarsen136]

mfw I see a form without <form> tag

small note

• remove unused code in IdentityForm
• could you fix/remove box class issue in darkmode
• can we have full width submit button? 🥺

Thanks. I have updated all of them.

[roiLeo]

✅ code lgtm

on the other hand I just saw that the limit of 32 characters must be set on all fields :/

 Error: createType(Call):: Call: failed decoding identity.setIdentity:: Struct: failed on args: {"info":"{\"additional\":\"Vec<(Data,Data)>\",\"display\":\"Data\",\"legal\":\"Data\",\"web\":\"Data\",\"riot\":\"Data\",\"email\":\"Data\",\"pgpFingerprint\":\"Option<[u8;20]>\",\"image\":\"Data\",\"twitter\":\"Data\"}"}:: Struct: failed on info: {"additional":"Vec<(Data,Data)>","display":"Data","legal":"Data","web":"Data","riot":"Data","email":"Data","pgpFingerprint":"Option<[u8;20]>","image":"Data","twitter":"Data"}:: Struct: failed on display: {"_enum":{"None":"Null","Raw":"Bytes","BlakeTwo256":"H256","Sha256":"H256","Keccak256":"H256","ShaThree256":"H256"}}:: Data.Raw values are limited to a maximum length of 32 bytes

[Jarsen136]

on the other hand I just saw that the limit of 32 characters must be set on all fields :/

Good catch! I have updated it.

[codeclimate]

Code Climate has analyzed commit 595910e and detected 0 issues on this pull request.

View more on Code Climate.

[yangwao]

pay 50 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $50 @ 36.79 USD/KSM ~ 1.359 $KSM
🧗 Caiv9TbPz68q5dC8EcHu5xKYPRnremimGzqmEejDFNpWWLG
🔗 0x3b1343d0c447a89f6a6ac36d02ab28986a8c3da1603554225f472ab1590e5532

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