topcoder-platform / community-app

React webapp for serving Topcoder Community
125 stars 214 forks source link

[$100] - Add groups filter to challenge listing page #58

Closed ajefts closed 6 years ago

ajefts commented 7 years ago

On the challenges page, add a filter to allow the user to switch between the challenges that are in the current community (based on the group) or All challenges. All challenges would be everything that is open (public) plus any challenges the user has access to via their groups.

We have some designs for this from challenges that chekspir ran. We should use those designs.

birdofpreyru commented 7 years ago

@ajefts In the design this filter is drawn as a dropdown list, which shows all communities, counts challenges for them, shows tooltips, etc.: screenshot Implementing all this right now is doable, I guess, but will demands some efforts.

Do you want this, or just a simple switch for now, similar to track switches?

ajefts commented 7 years ago

Let's do a simpler version to start with. Can we just do the current community you're in plus an option for All? If possible, I think we should still keep it a dropdown so we can enhance it per the design later. Don't worry about the different stats and states for registered, # chllenges, etc.

birdofpreyru commented 7 years ago

UPDATE: The groups filter is added, allowing to switch between all challenges / selected group the vistior has access to. Though, it is still not that beatifull, functional, as on the screenshot above (no registered/not registered status on communities, no tooltips, no challenge counts). Thus, we still keep this ticket open.

birdofpreyru commented 6 years ago

Expected Fix:

To fininalize this ticket we need the following:

arku commented 6 years ago

@birdofpreyru Submitted a PR addressing this issue. Please take a look when you get a chance and let me know how I can improve my solution.

Thanks!