diff --git a/ts/components/conversation/ConversationHeader.dom.tsx b/ts/components/conversation/ConversationHeader.dom.tsx index 074de0752b..38a64a2d47 100644 --- a/ts/components/conversation/ConversationHeader.dom.tsx +++ b/ts/components/conversation/ConversationHeader.dom.tsx @@ -667,6 +667,7 @@ function HeaderDropdownMenuContent({ onViewConversationDetails: () => void; }) { const muteMenu = getConversationMuteMenu(conversation.muteExpiresAt, i18n); + const isMuted = isConversationMuted(conversation); const isGroup = conversation.type === 'group'; const disableTimerChanges = !conversation.canChangeTimer || @@ -701,6 +702,10 @@ function HeaderDropdownMenuContent({ [onChangeDisappearingMessages] ); + const onUnmute = useCallback(() => { + onChangeMuteExpiration(MuteExpiration.UNMUTED); + }, [onChangeMuteExpiration]); + if (isSelectMode) { return null; } @@ -842,14 +847,20 @@ function HeaderDropdownMenuContent({ )} - + {isMuted ? ( + + {i18n('icu:unmute')} + + ) : ( + + )} {!isGroup || hasGV2AdminEnabled ? ( { + return isConversationMuted(conversation); + }, [conversation]); + const [showConfirmDeleteDialog, setShowConfirmDeleteDialog] = useState(false); @@ -126,6 +130,10 @@ export const LeftPaneConversationListItemContextMenu: FC { + onUpdateMute(conversationId, MuteExpiration.UNMUTED); + }, [onUpdateMute, conversationId]); + const handleArchive = useCallback(() => { onArchive(conversationId); }, [onArchive, conversationId]); @@ -184,14 +192,20 @@ export const LeftPaneConversationListItemContextMenu: FC )} - + {isMuted ? ( + + {i18n('icu:unmute')} + + ) : ( + + )} {!props.isActivelySearching && isSelectedChatFolderAllChats && props.currentChatFolders.hasAnyCurrentCustomChatFolders && (