Skip to content

Conversation

@tataihono
Copy link
Contributor

What's Changed:

  • New Team Node Drawer: Added a slide-out drawer that displays detailed team information when clicking on team nodes
  • Context Management: Implemented React Context (PathwayContext) to manage selected team node state across components
  • Enhanced People List: Redesigned people list with better visual hierarchy, avatars, and improved filtering capabilities
  • Interactive Team Nodes: Team nodes now show selection state and trigger the drawer instead of expanding inline
  • Responsive Layout: Flow container adjusts width when drawer is open to prevent overlap

Key Features:

  • Click any team node to open a detailed drawer view
  • Search and filter people by name, CG group, and serving status
  • Sticky filter bar for better UX when scrolling through long lists
  • Smooth animations and transitions throughout the interface

Technical Improvements:

  • Replaced inline node expansion with dedicated drawer component
  • Added proper state management using React Context + useReducer
  • Improved component architecture with better separation of concerns
  • Enhanced accessibility with proper ARIA labels and keyboard navigation

The changes transform the team node interaction from inline expansion to a more professional drawer-based interface, making it easier to view and manage team member information.

…ement, add TeamNodeDrawer for enhanced UI functionality, and update PeopleFlow to reflect selected team node state. Refactor TeamNode to manage selection state with context and simplify rendering logic in PeopleListItem for better user experience.
…am node handling, updating label references, and refining PeopleList props for improved flexibility. Adjust TeamNodeDrawer to display correct team details and ensure consistent data structure across components.
@tataihono tataihono requested a review from storyworks August 23, 2025 02:40
@tataihono tataihono self-assigned this Aug 23, 2025
…ilters prop to manage filter states. Update PeopleList to display appropriate messages based on filter status, improving user feedback when no matching people are found.
… and serving status, allowing users to filter out specific groups. Update filtering logic and UI to reflect new options, improving user experience and flexibility in managing displayed people.
@tataihono tataihono merged commit dd9f5b1 into main Aug 24, 2025
3 checks passed
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