Topcoder - Past Challenges Implementation

Challenge Objectives

With the new implementation of the Challenge Listing page, we have removed the past challenges link, now we need a way to find Past Challenge with Status as Completed apart from date criteria.

Technology Stack

• Node.js
• JavaScript
• React.js

Code Access

The work is to be done in the Community App repo (feature-refactor-challengelist branch).

Requirements

Mock reference: Topcoder Challenges 2020-09-25 14-42-59.png

1. Add Status filter to Filter Panel with values “Active”, “Completed”, and “All”. Default value is “Active”. This filter will be only visible when the All Challenge link from the right panel is selected.
2. When select All Challenges in right panel, just show a new bucket “All Challenges”, by default this bucket will show only Active challenges
3. Remove the total count from All Challenges bucket only. Keep count for “My Challenges”, “Open for Registration” and  “Ongoing Challenges” buckets.

Important Notes

• You should follow the best practices established in the repository:
• We use this stand-alone library: https://github.com/topcoder-platform/topcoder-react-lib for any actions/reducers/services of current ReactJS based app. 
• As part of this challenge submission, you also might need to improve https://github.com/topcoder-platform/topcoder-react-lib for any actions/reducers/services updates
• Properly use Redux. Properly split code into reusable, self-contained React components, conveniently grouped inside folder structure;
• Do not violate ESLint rules for JS code, nor StyleLint rules for SCSS;
• Properly use babel-plugin-react-css-modules and / or react-css-theme for styling;
• Use SCSS variables and mixins from the global stylesheets (/src/styles/_tc-styles.scss). Especially, when it relates to colors, fonts, etc;
• Do not break existing unit tests.

Should you have any doubts, do not hesitate to ask for clarifications in the challenge forum!

Final Submission Guidelines

• Submit a git patch for each repo.
• Make sure to mention the exact commits so we can apply your patch file.
• The winner must create a PR against our repos.