Hi Brandon and Tanvi! This next sprint should be a pretty straightforward use of the checkboxes you guys were working on last week. Now that those are done (or at least in review), it's time to put those together into a filter component!
Tasks:
Create a file app/components/molecules/MeetingsFilter.tsx
Using the checkbox atom you implemented last week, create the filter component to allow the user to filter events by their Location, Calendar, and Mode. Make sure you follow the Figma designs as close as possible.
In terms of the width, do not worry about getting an exact pixel count. The entire component will eventually be placed inside of a template/layout which will determine the fraction of the page/sidebar that the component takes up.
This filter does not have to do anything at the moment; the backend integration will come in later.
Testing:
Test the component by placing it inside app/page.tsx and seeing how it looks! Take a screenshot and attach it to your PR.
branch:
meetings-filterHi Brandon and Tanvi! This next sprint should be a pretty straightforward use of the checkboxes you guys were working on last week. Now that those are done (or at least in review), it's time to put those together into a filter component!
Tasks:
app/components/molecules/MeetingsFilter.tsxTesting:
app/page.tsxand seeing how it looks! Take a screenshot and attach it to your PR.