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 && (