Task: We're going trying to make the SidePanel look a little more like the mock-ups from the designers. Right now the SidePanel already has some stuff in it ignore it for now (you can maybe even make your own sidepanel page). This is a purely frontend ticket.
Features:
[ ] Implement features indicated below in the diagram. Remember to use atomic designs to build up this SidePanel component! I present both the Figma Designs (to give you an idea of what it should visually look like) and also my own drawing (to show you the exact components that should be portrayed, because the Figma isn't fully accurate as yet) To clarify, the components the should go in the SidePanel for this ticket are:
The Year: Implemented as a Slider (implement the slider as well in atoms folder)
Grazing Range: Implemented as a Toggle (implement the toggle as well in atoms folder)
Province: Implemented as a Toggle
County: Implemented as a Toggle
Z-Score: Implemented as a CheckBox (implement the checkbox as well in atoms folder)
Biomass: Implemented as a CheckBox
Estimated Time: 3hrs
NOTE: Your designs don't have perfectly match mock-ups, I just want to see a proof of concept.
Task: We're going trying to make the SidePanel look a little more like the mock-ups from the designers. Right now the SidePanel already has some stuff in it ignore it for now (you can maybe even make your own sidepanel page). This is a purely frontend ticket.
Features:
Estimated Time: 3hrs
NOTE: Your designs don't have perfectly match mock-ups, I just want to see a proof of concept.
Images: Figma Mock-Up:
Drawing:
Working Directory:
frontend/src/components/atomsfrontend/src/components/moleculesfrontend/src/pages