Skip to content

feat: add topic filter dropdown in course schedule and detail page#5

Merged
ahmed-arb merged 2 commits intodevelop-teak-wikilearnfrom
ahmed-arb/add-topic-filter
Dec 22, 2025
Merged

feat: add topic filter dropdown in course schedule and detail page#5
ahmed-arb merged 2 commits intodevelop-teak-wikilearnfrom
ahmed-arb/add-topic-filter

Conversation

@ahmed-arb
Copy link
Copy Markdown

@ahmed-arb ahmed-arb commented Dec 18, 2025

Add Topic Filter Dropdown to Course Schedule and Details Page

Summary

This PR adds a new "Topic" dropdown to the Course Schedule and Details page, allowing course authors to select a topic category for their course from a list of available options.

Changes

UI Components

  • DetailsSection Component: Added topic dropdown alongside the existing language dropdown
    • New topic and topicOptions props
    • formattedTopic() helper function to display selected topic or placeholder
    • Dropdown renders all available topics from the backend
    • New SearchableCreatableDropdown component

Styling

  • DetailsSection.scss: Added .dropdown-topic styles with scrollable menu (max height: 20rem) to match language dropdown behavior

Data Flow

  • index.jsx:
    • Added topicOptions from settings API response
    • Added topic to course details state
    • Passed both props to DetailsSection component
    • Topic selection handled via existing handleValuesChange callback

Related PRs:
edx-platform: wikimedia/edx-platform#581
openedx-wikilearn-features: wikimedia/openedx-wikilearn-features#17

Ticket: wikimedia/edx-platform#569

@ahmed-arb ahmed-arb merged commit d546716 into develop-teak-wikilearn Dec 22, 2025
@ahmed-arb ahmed-arb deleted the ahmed-arb/add-topic-filter branch December 22, 2025 09:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants