Frontend: Build the Sidebar sub component for both Light and Dark mode
Lovelyfin00 opened this issue · comments
Issue Summary
The design for Sidebar as part of the Navbar component has being completed and now it needs to be built using our chosen tech stacks.
Figma link
The design for the Sidebar can be found here. Please make sure what you build follows the design.
Suggested fix
- Build the Sidebar component following the design in the Figma file.
- Make sure your codes are maintainable and legible.
- After coding the component using React and scss, create storybook for the component.
- Test it out on your end and make sure it's working properly.
Coding Rules
- Let your codes look neat and readable
- No unnecessary spacing and always leave one empty line after each code block
- Separate each word with a hyphen
-
in your scss classes, ids.
PR Rules
- Link the issue your PR is for by saying
Fixes #PRNumber
- Add a description of what your PR is about
- Add screenshots or video of the working implementation of your PR
Pl assisgn the issue under gssoc
@naveeng2402
Heyy
Thanks for picking this up
You can work on it
PS: You have maximum 3 days to create a pr else it would be assigned to someone else
@naveeng2402
I think it would be best to focus and work on one issue at a time