DEV - Implement Main View Sidebar #299
Description
Overview
In this ticket you will be implementing the Main View Figma design. When implementing this keep in mind the cleanness of the code. In our frontend a lot of things are just hard coded as huge components so try to split up this component to smaller components. Along with our large files the file structure can be quite confusing so for all of the components you make for this implementation put them in the same folder with an adequate name saying they are for the settings page.
Also reminder to use the new frontend clean ups we have done like the color variables and sticking to tailwind.
When it comes to viewing the component to make sure it looks good you can put in a route in the AppRoutes.tsx.
Just add in something that looks like this <Route path="/dummy-main" element={} />.
Make sure it is put before login so you can access it without having to login or do anything fancy.
When creating the placeholder component create the sidebar component in a seperate higher level put the placeholder component with the sidebar.
Sorry about the confusion for this ticket the side bar refers to the left side circled in red
Tasks
- Implement the design with the correct spacing and colors
- Create a dummy component so the side bar can be correct on the side
- Create a dummy page in AppRoutes.tsx so the component can be viewed.
Acceptance Criteria
- Design is fully implemented
- Page can be accessed by going to a dummy url
- Components are neatly organized in a folder in an appropriate place in our current file structure