diff --git a/ts/components/CompositionArea.tsx b/ts/components/CompositionArea.tsx index 2755d587c2..f8ec5955e5 100644 --- a/ts/components/CompositionArea.tsx +++ b/ts/components/CompositionArea.tsx @@ -655,35 +655,36 @@ export const CompositionArea = memo(function CompositionArea({ ) : null; + const shouldShowStickers = + !quotedMessageProps && isComposerEmpty && withStickers; const stickerButtonPlacement = large ? 'top-start' : 'top-end'; - const stickerButtonFragment = - !draftEditMessage && withStickers ? ( -
- - pushPanelForConversation({ - type: PanelType.StickerManager, - }) - } - onPickSticker={(packId, stickerId) => - sendStickerMessage(conversationId, { packId, stickerId }) - } - showIntroduction={showIntroduction} - clearShowIntroduction={clearShowIntroduction} - showPickerHint={showPickerHint} - clearShowPickerHint={clearShowPickerHint} - position={stickerButtonPlacement} - /> -
- ) : null; + const stickerButtonFragment = shouldShowStickers ? ( +
+ + pushPanelForConversation({ + type: PanelType.StickerManager, + }) + } + onPickSticker={(packId, stickerId) => + sendStickerMessage(conversationId, { packId, stickerId }) + } + showIntroduction={showIntroduction} + clearShowIntroduction={clearShowIntroduction} + showPickerHint={showPickerHint} + clearShowPickerHint={clearShowPickerHint} + position={stickerButtonPlacement} + /> +
+ ) : null; // Listen for cmd/ctrl-shift-x to toggle large composition mode useEffect(() => { @@ -1053,7 +1054,7 @@ export const CompositionArea = memo(function CompositionArea({ {!large ? ( <> - {stickerButtonFragment} + {!dirty ? stickerButtonFragment : null} {!dirty ? micButtonFragment : null} {editMessageFragment} {attButton} @@ -1068,7 +1069,7 @@ export const CompositionArea = memo(function CompositionArea({ )} > {leftHandSideButtonsFragment} - {stickerButtonFragment} + {!dirty ? stickerButtonFragment : null} {attButton} {!dirty ? micButtonFragment : null} {editMessageFragment}