diff --git a/src/app/features/room/RoomViewHeader.tsx b/src/app/features/room/RoomViewHeader.tsx index 5c430268..09fd337b 100644 --- a/src/app/features/room/RoomViewHeader.tsx +++ b/src/app/features/room/RoomViewHeader.tsx @@ -371,83 +371,83 @@ export function RoomViewHeader() { - {!ecryptedRoom && (!room.isCallRoom() || isChatOpen) && ( - - Search - - } - > - {(triggerRef) => ( - - - - )} - - )} {(!room.isCallRoom() || isChatOpen) && ( - - Pinned Messages - - } - > - {(triggerRef) => ( - + {!ecryptedRoom && ( + + Search + + } > - {pinnedEvents.length > 0 && ( - - - {pinnedEvents.length} - - + {(triggerRef) => ( + + + )} - - + )} - - )} - {(!room.isCallRoom() || isChatOpen) && ( - setPinMenuAnchor(undefined), - clickOutsideDeactivates: true, - isKeyForward: (evt: KeyboardEvent) => evt.key === 'ArrowDown', - isKeyBackward: (evt: KeyboardEvent) => evt.key === 'ArrowUp', - escapeDeactivates: stopPropagation, - }} - > - setPinMenuAnchor(undefined)} /> - - } - /> + + Pinned Messages + + } + > + {(triggerRef) => ( + + {pinnedEvents.length > 0 && ( + + + {pinnedEvents.length} + + + )} + + + )} + + setPinMenuAnchor(undefined), + clickOutsideDeactivates: true, + isKeyForward: (evt: KeyboardEvent) => evt.key === 'ArrowDown', + isKeyBackward: (evt: KeyboardEvent) => evt.key === 'ArrowUp', + escapeDeactivates: stopPropagation, + }} + > + setPinMenuAnchor(undefined)} /> + + } + /> + )} {!room.isCallRoom() && screenSize === ScreenSize.Desktop && (