diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-more-options-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-more-options-linux.png index 8d43e5c4f1..884b0e1f29 100644 Binary files a/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-more-options-linux.png and b/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-more-options-linux.png differ diff --git a/src/components/viewmodels/roomlist/RoomListItemMenuViewModel.tsx b/src/components/viewmodels/roomlist/RoomListItemMenuViewModel.tsx index 997b515f27..738a05b8c3 100644 --- a/src/components/viewmodels/roomlist/RoomListItemMenuViewModel.tsx +++ b/src/components/viewmodels/roomlist/RoomListItemMenuViewModel.tsx @@ -37,6 +37,10 @@ export interface RoomListItemMenuViewState { * Whether the room is a favourite room. */ isFavourite: boolean; + /** + * Whether the room is a low priority room. + */ + isLowPriority: boolean; /** * Can invite other user's in the room. */ @@ -117,6 +121,7 @@ export function useRoomListItemMenuViewModel(room: Room): RoomListItemMenuViewSt const isDm = Boolean(DMRoomMap.shared().getUserIdForRoomId(room.roomId)); const isFavourite = Boolean(roomTags[DefaultTagID.Favourite]); + const isLowPriority = Boolean(roomTags[DefaultTagID.LowPriority]); const isArchived = Boolean(roomTags[DefaultTagID.Archived]); const showMoreOptionsMenu = hasAccessToOptionsMenu(room); @@ -200,6 +205,7 @@ export function useRoomListItemMenuViewModel(room: Room): RoomListItemMenuViewSt showMoreOptionsMenu, showNotificationMenu, isFavourite, + isLowPriority, canInvite, canCopyRoomLink, canMarkAsRead, diff --git a/src/components/views/rooms/RoomListPanel/RoomListItemMenuView.tsx b/src/components/views/rooms/RoomListPanel/RoomListItemMenuView.tsx index 07b7be4b43..fa7a85b54f 100644 --- a/src/components/views/rooms/RoomListPanel/RoomListItemMenuView.tsx +++ b/src/components/views/rooms/RoomListPanel/RoomListItemMenuView.tsx @@ -109,12 +109,12 @@ function MoreOptionsMenu({ vm, setMenuOpen }: MoreOptionsMenuProps): JSX.Element onSelect={vm.toggleFavorite} onClick={(evt) => evt.stopPropagation()} /> - evt.stopPropagation()} - hideChevron={true} /> {vm.canInvite && ( ", () => { showMoreOptionsMenu: true, showNotificationMenu: true, isFavourite: true, + isLowPriority: true, canInvite: true, canMarkAsUnread: true, canMarkAsRead: true, @@ -114,7 +115,7 @@ describe("", () => { expect(defaultValue.toggleFavorite).toHaveBeenCalled(); await user.click(openMenu); - await user.click(screen.getByRole("menuitem", { name: "Low priority" })); + await user.click(screen.getByRole("menuitemcheckbox", { name: "Low priority" })); expect(defaultValue.toggleLowPriority).toHaveBeenCalled(); await user.click(openMenu);