feat: add filters to public explore page #1231
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🔍 Add Filters to Public Explore Page
Closes #1202
✏️ Summary
Added the same filters available on the logged user explore page (
/profile/explore
) to the public explore page (/tasks/open
), providing consistent filtering functionality across both interfaces.📋 Description
This PR implements the requested feature to display filters on the public explore page that were previously only available to logged-in users. The implementation ensures both pages now have identical filtering capabilities.
🔧 Changes Made:
Enhanced TaskExplorer Container (
frontend/src/containers/task-explorer.js
)filterTasks
action import and dispatchmapStateToProps
Updated TaskExplorer Component (
frontend/src/components/areas/public/features/task/task-explorer.js
)TaskFiltersContainer
"/tasks/"
)Created Comprehensive Storybook Stories
TaskFilters
main component storiesTaskFilterLabels
component storiesLanguageFilter
component stories🎯 Available Filters Now on Public Page:
🧪 Testing
Manual Testing:
localhost:8082/#/tasks/open
Storybook Testing:
npm run storybook
Features/Task/TaskFilters
Features/Task/TaskFilterLabels
Features/Task/LanguageFilter
✅ Requirements Met
🧰 Stack Used
Note: This implementation ensures feature parity between public and logged user experiences while maintaining all existing functionality.