Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[VMS] Set-up UI for non-profits filtering page #361

Open
PC98 opened this issue Nov 5, 2020 · 0 comments
Open

[VMS] Set-up UI for non-profits filtering page #361

PC98 opened this issue Nov 5, 2020 · 0 comments
Labels
frontend Involving frontend development. VMS Tasks corresponding to Volunteer Management Solution

Comments

@PC98
Copy link
Collaborator

PC98 commented Nov 5, 2020

  • If you look at the Figma designs for the non-profits tab (you will have to be on the "Non-profits" Figma page), the filtering UI is very similar to what we built for events.
  • The goal of this task is to replicate certain UI component, particularly, EventsPageUnfiltered.tsx, EventsPageWithSidebar.tsx, EventsPageLayout.tsx and EventsPageSidebarComponent.tsx for the non-profits page.
  • Follow a similar directory structure and naming convention as we have for events. Since we are not fetching data yet, the prop types for certain components can be empty. You can also just render null for the main content UI.
  • Ensure that the sidebar component has the "Filter" text, the "CLEAR" button functionality, location auto-complete, and the causes filter. The URL should also update as expected when a filter is selected. You don't have to build the "supporters" filter.
  • Try to re-use as much of our existing code, and create new shared components as necessary.
@PC98 PC98 added frontend Involving frontend development. VMS Tasks corresponding to Volunteer Management Solution labels Nov 5, 2020
@PC98 PC98 added this to the Sprint 5 milestone Nov 5, 2020
@PC98 PC98 added the blocked This task is blocked by another task label Nov 5, 2020
@PC98 PC98 removed the blocked This task is blocked by another task label Nov 6, 2020
@PC98 PC98 removed this from the Sprint 5 milestone Nov 11, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Involving frontend development. VMS Tasks corresponding to Volunteer Management Solution
Projects
None yet
Development

No branches or pull requests

2 participants