search

tedspare / hexle

Wordle for color hex codes. Guess the hex in six tries.
https://hexle-delta.vercel.app
1 stars 0 forks source link

Bad UI for Win / Loss notifs and the info popout #8

Open DexterStorey opened 1 year ago

DexterStorey commented 1 year ago

Currently the win / loss ui and the info popout exist as alerts. This should be replaced with proper ui.

<img width="612" alt="Screenshot 2022-11-04 at 3 58 5

Screenshot 2022-11-04 at 3 59 12 PM

8 PM" src="https://user-images.githubusercontent.com/36115192/200064276-c15e9db5-3dea-4737-8268-f4d826ac5e21.png">

Screenshot 2022-11-04 at 4 00 01 PM
tedspare commented 1 year ago

How do you feel about React-hot-toast?

tedspare commented 1 year ago

Or we keep everything in UI

DexterStorey commented 1 year ago

How do you feel about React-hot-toast?

I'm a #monochromeabsolutist but I think monochrome could be done in toasts.

The only thing is that toast notifs seem fleeting and anti-climactic as a WIN ui and isn't a great way of shipping information like a tutorial / GitHub links..

Modals also are a problem because we can't do transparency in monochrome so we can't overlay ui overtop of other ui...

I think we need to make dedicated ui components that swap out with the guess grid in the middle and then essentially have a win / loss page and an info page - It should look like an SPA / app though like there should be an X out or something kind of like a modal but no overlays or transparency