UI / UX improvements before launch

[rasmuscnielsen]

• Added modal for insufficient funds
• Added modal for no available genesis NFTs
• Tweaked network modal to look less like an error and more like a "Hey, lets jump on to Polygon shall we" :-)

Please feel free to make improvements to wording

[rasmuscnielsen]

closes #64

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

pixel-avatars – ./web-client

🔍 Inspect: https://vercel.com/developdao/pixel-avatars/4aQeJPipFvrqg2XaJpoYARDc5TZA
✅ Preview: https://pixel-avatars-git-feat-ui-improvements-developdao.vercel.app

[rasmuscnielsen]

Also fixed #84 #64 #65 #26 🎉

[briangershon]

Thanks @rasmuscnielsen for all your work on this and tackling 4 issues!

So far, I've tested:

• [x] Mumbai Network Dialog box
• [x] No Available Genesis NFT box

I need to deploy a test contract to give the congratulations flow a try!

[rasmuscnielsen]

Implemented dark mode ! 🎉 Closes #67

[briangershon]

Hey @rasmuscnielsen I tested the full flow and successfully saw the congrats dialog! Worked well!

• [ ] Minor: I noticed that after success, the word "Unclaimed" was still present under the image. Hard-refresh fixes.

• [ ] I found one bug in the dark mode while picking my token from the drop-down -- white text on light gray background, not enough contrast.

• I noticed in Congrats dialog, when I jumped to OpenSea link it showed OpenSea in a new tab (which is nice) but it also dismissed the congrats dialog. That may be expected behavior. Wasn't sure if you wanted to dismiss dialog or not.

• I noticed some Vue warnings in console when I first loaded the site, but probably nothing to worry about.

[rasmuscnielsen]

@briangershon Thanks for the feedback! I believe all these issues should be fixed in the most recent version :-)