osmapp
osmapp copied to clipboard
zbycz
Major Re-factor - Unstyled Components & TailwindCSS
Tailwind/Un-styled Compoments Conversion
Creating this as a "home" issue for the conversion.
We are planning to re-factor the app to use Un-styled Functional Components such as those from Headless UI, along with TailwindCSS rather than MUI and Styled Components.
Pull requests will be created for each component that needs a major re-write one-by-one to avoid merge conflicts.
Preparation related issues:
- #157
- #159
Game Plan
- First step I think will be to look into the dark-mode/light-mode method, since Tailwind needs a different method than MUI. This will make it easier to do both versions on each component going forward.
- #166
- After that next as a proof-of-concept I will be converting the auto-complete search box using Headless UI.
- ~~#164~~
- #167
- Once PR is created with rework of SearchBox we will review and make further plans.
I think it would be best if we made branches seperate from tailwind-refactor branch, and then merged those into tailwind-refactor and delete them. This will keep the commits cleaner!
Installed and configured on tailwind-refactor branch:
- Tailwind
- HeadlessUI
- HeroIcons
Setup some global stuff and added light/dark theme
- #166
- https://github.com/zbycz/osmapp/compare/master...tailwind-refactor