Skip to content

ui/schedules: migrate schedule components from FlatList to CompList#4316

Merged
KatieMSB merged 22 commits into
masterfrom
complist-sched
Jun 26, 2026
Merged

ui/schedules: migrate schedule components from FlatList to CompList#4316
KatieMSB merged 22 commits into
masterfrom
complist-sched

Conversation

@mastercactapus

Copy link
Copy Markdown
Member

Description:
Transitions from FlatList to CompList for schedule components

Part of the MUI 6 prereq. work

Out of Scope:

  • Not updating Temporary Schedules UI at this time

… use CompList and enhance mobile responsiveness
@mastercactapus
mastercactapus marked this pull request as ready for review April 3, 2025 21:52
@github-actions github-actions Bot added the size/m label Apr 3, 2025
@github-actions github-actions Bot added size/l and removed size/m labels Apr 3, 2025
@github-actions github-actions Bot added size/m and removed size/l labels Apr 21, 2025
@mastercactapus
mastercactapus requested a review from Copilot April 21, 2025 20:26

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR migrates the schedule-related UI components from FlatList to CompList to support upcoming MUI 6 changes. Key changes include replacing FlatList with CompList across various user and schedule list components, updating the associated item rendering patterns, and adapting the list item components to the new CompListItem* interfaces.

Reviewed Changes

Copilot reviewed 13 out of 13 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
web/src/app/users/UserSessionList.tsx Replaced FlatList with CompList and updated list item usage.
web/src/app/users/UserOnCallAssignmentList.tsx Updated list component from FlatList to CompListItemNav for navigation.
web/src/app/users/UserNotificationRuleList.tsx Transitioned to CompList with CompListItemText for notification rules.
web/src/app/users/UserList.tsx Migrated from FlatList to CompList with CompListItemNav for user list items.
web/src/app/users/UserContactMethodList.tsx Updated list rendering from FlatList to CompList with CompListItemText.
web/src/app/users/UserCalendarSubscriptionList.tsx Modified list structure using CompList and corresponding item components.
web/src/app/schedules/on-call-notifications/ScheduleOnCallNotificationsList.tsx Switched to CompList with updated item mapping and action handling.
web/src/app/schedules/ScheduleShiftList.tsx Replaced FlatList with CompList; updated day and shift renderings.
web/src/app/schedules/ScheduleRuleList.tsx Converted from FlatList to CompList with CompListItemNav/Text items.
web/src/app/schedules/ScheduleOverrideList.jsx Migrated schedule override list from FlatList to CompList with proper item mapping.
web/src/app/schedules/ScheduleList.tsx Updated schedule list to use CompList and CompListItemNav components.
web/src/app/schedules/ScheduleAssignedToList.tsx Changed from FlatList to CompList with CompListItemNav items.
web/src/app/lists/CompListItems.tsx Updated item components to support optional title, icon spacing, and a newTab prop.
Comments suppressed due to low confidence (1)

web/src/app/schedules/ScheduleShiftList.tsx:261

  • Consider adding a unique key attribute to each shift item in the list to ensure that React can correctly reconcile list updates.
result.push(<CompListItemText title={s.user?.name || ''} subText={getShiftDetails(s, day)} icon={<UserAvatar userID={s.userID} />} />)

Comment thread web/src/app/schedules/ScheduleShiftList.tsx Outdated
@mastercactapus
mastercactapus requested a review from Copilot April 23, 2025 14:50

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR migrates schedule and user list components from the deprecated FlatList component to the new CompList component as part of the MUI 6 prerequisite work. The key changes include:

  • Replacing all instances of FlatList with CompList in user and schedule related files.
  • Updating list item rendering to use CompListItemText or CompListItemNav for improved consistency.
  • Adjusting prop names (e.g., from headerNote to note) to align with the new component’s API.

Reviewed Changes

Copilot reviewed 13 out of 13 changed files in this pull request and generated no comments.

Show a summary per file
File Description
web/src/app/users/UserSessionList.tsx Migrated FlatList to CompList with corresponding item mapping.
web/src/app/users/UserOnCallAssignmentList.tsx Replaced FlatList with CompList using navigation items.
web/src/app/users/UserNotificationRuleList.tsx Updated list rendering to CompList with item actions.
web/src/app/users/UserList.tsx Switched list component to CompList using navigation items.
web/src/app/users/UserContactMethodList.tsx Changed list component to CompList and adjusted item props.
web/src/app/users/UserCalendarSubscriptionList.tsx Transitioned from FlatList to CompList for calendar subscriptions.
web/src/app/schedules/on-call-notifications/ScheduleOnCallNotificationsList.tsx Migrated the notification list to CompList with updated actions.
web/src/app/schedules/ScheduleShiftList.tsx Replaced FlatList with CompList and updated item key generation.
web/src/app/schedules/ScheduleRuleList.tsx Updated list rendering logic using CompList and navigation items.
web/src/app/schedules/ScheduleOverrideList.jsx Switched list component to CompList with proper mapping.
web/src/app/schedules/ScheduleList.tsx Migrated schedule listing from FlatList to CompList.
web/src/app/schedules/ScheduleAssignedToList.tsx Changed list component from FlatList to CompList for assigned items.
web/src/app/lists/CompListItems.tsx Enhanced list item definitions with new properties (newTab, alwaysShowIcon).

@stale

stale Bot commented Jun 27, 2025

Copy link
Copy Markdown

This pull request has been automatically marked as stale because it has not had recent activity. Thank you for your contributions.

@stale stale Bot added the stale This is inactive label Jun 27, 2025
@github-actions github-actions Bot added size/l and removed size/m labels Jun 24, 2026
@stale stale Bot removed the stale This is inactive label Jun 24, 2026
@KatieMSB
KatieMSB merged commit 55bf442 into master Jun 26, 2026
9 checks passed
@KatieMSB
KatieMSB deleted the complist-sched branch June 26, 2026 20:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants