Mizuha

The UI probably didn't change by much, but now the shortcuts have dynamic logos, and the search bar finally works! (Now I can finally search for my fav cat pics :3 ) . Also fixed a lot of tiny bugs related to responsiveness. Most of the changes are related to functioning, so its hard to demo with pics honestly(and I am too lazy to make vids) but you can try it out yourself in the deployed version!

Almost finished the journal and made a lot of other changes! See the image, I used the journal markdown to write all the changes that I made so far, and what I am going to make.

I know its been a long time since the last devlog, have been a little busy with studies, but anyways! I added the SFX dialog and radio stations dialog.(If only I could add more pics :sob:) Besides, I added a search engine section in the settings dialog. Well.... none of them are functional as of now, but dw, I will be working on that just as soon as I am done with the UI. So... The current TODO list goes as follows:

• Complete a basic UI for the dialogs, and basically everything
• Work on the search engine part, should be easy
• Make the lofi music play
• Make the other modules work (todo, pomodoro,etc.)
• Make modules toggleable
• Add more backgrounds, and work on animations.

If all goes well, I hope the end result would look pretty good!

Fixed positioning of dialogs, they finally don't have hard-coded coordinates anymore :yay:!

The background can be changed through that menu now! fixed a ton of errors in this process, but it works! Please ignore the lag, its just cause i have a lot of tabs opened up and it only happened while recording the screen, i didn't notice even a little bit of lag during normal usage.

Added a volume slider and made the clock functional.
Also spent a huge amount of time fixing an error which could have been fixing by a single google search :heavysob: . Like seriously why are nextjs errors so bad, no human can possibly predict the real problem with that error!
Turns out the real issue was that I was returning null inside a component when a variable was false, but that somehow breaks rules of hooks... so now I just set display to none when its false.

The dialog boxes work now! and most of them are going to be movable (I only completed the movable dialog boxes so far). Also made a few changes with colors and the background. The old background is still going to be an option though.

So here goes my first devlog! It's not functional yet(almost nothing works), but I am done with the basic UI.
(Please ignore me being lazy and using the same icon for all shortcuts, its only meant for testing purposes)