[FEAT] Implement modules details page#60
Merged
Conversation
…plement-module-details-page
Contributor
There was a problem hiding this comment.
Pull request overview
Implements/initializes the Module details page experience (Issue #47) by improving the empty state presentation and updating the global header to resolve modules when the route uses a slugified module name.
Changes:
- Redesigned the Module detail page empty state with a richer illustration and updated CTA placement.
- Updated
PageHeadermodule resolution to fetch modules vialist()and match by id orslugify(name).
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 5 comments.
| File | Description |
|---|---|
| ui/src/pages/ModuleDetailPage.tsx | Updates the “no work items” empty state UI/structure and CTA layout on the module detail page. |
| ui/src/components/layout/PageHeader.tsx | Changes module lookup logic to support slug-based module URLs by matching against slugify(module.name). |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
…ated areas for ui
martian56
changed the title
nazarli-shabnam
requested review from
Javenn0,
Rafetikus,
Copilot and
martian56
Rafetikus
approved these changes
Mar 25, 2026
Contributor
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 16 out of 16 changed files in this pull request and generated 9 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Member
|
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
closes #47
This pull request introduces a new
ProjectSectionNavChevroncomponent for project navigation, enhances the module work items filters panel, and significantly improves the usability and accessibility of theProjectIssuesDisplayPanel. The main focus is on UI consistency, accessibility, and code organization, with new icons, improved layouts, and more robust filtering logic.Navigation and UI Components:
ProjectSectionNavChevroncomponent to provide a consistent, accessible project area switcher with icons and labels for each section (e.g., Work items, Cycles, Modules, Views, Pages). This component supports both hover and click interactions and improves the navigation experience. (ui/src/components/layout/ProjectSectionNavChevron.tsx)Module Work Items Filters Panel:
ModuleWorkItemsFiltersPanelwith collapsible filter sections (Priority, State, Assignee, Due date, Start date), search capability, and improved logic for toggling custom date pickers and filter options. This provides a more flexible and user-friendly filtering experience for module work items. (ui/src/components/module-work-items/ModuleWorkItemsToolbarPanels.tsx)Project Issues Display Panel Improvements:
UI/UX Enhancements:
ProjectIssuesDisplayPanelfor better usability, including a fixed width, scrollable content area, and a visually distinct sticky footer for settings. (ui/src/components/project-issues/ProjectIssuesDisplayPanel.tsx) [1] [2]Accessibility and Visual Consistency:
aria-hiddenwhere appropriate. (ui/src/components/project-issues/ProjectIssuesDisplayPanel.tsx) [1] [2] [3]Iconography and Section Controls:
IconChevronUp) and improved section toggling logic for collapsible panels, with more intuitive visual cues and consistent color usage. (ui/src/components/project-issues/ProjectIssuesDisplayPanel.tsx) [1] [2]Ordering and Data Consistency:
ui/src/components/project-issues/ProjectIssuesDisplayPanel.tsx)