diff --git a/res/img/element-icons/room/composer/plain_text.svg b/res/img/element-icons/room/composer/plain_text.svg index 7ff47fe085..d2da9d2551 100644 --- a/res/img/element-icons/room/composer/plain_text.svg +++ b/res/img/element-icons/room/composer/plain_text.svg @@ -1,10 +1,9 @@ - - - + + - + diff --git a/res/img/element-icons/room/composer/rich_text.svg b/res/img/element-icons/room/composer/rich_text.svg index d2da9d2551..7ff47fe085 100644 --- a/res/img/element-icons/room/composer/rich_text.svg +++ b/res/img/element-icons/room/composer/rich_text.svg @@ -1,9 +1,10 @@ - - + + + - + diff --git a/src/components/views/rooms/MessageComposer.tsx b/src/components/views/rooms/MessageComposer.tsx index 787b4e2e5b..7874ab94e6 100644 --- a/src/components/views/rooms/MessageComposer.tsx +++ b/src/components/views/rooms/MessageComposer.tsx @@ -559,7 +559,7 @@ export class MessageComposer extends React.Component { showPollsButton={this.state.showPollsButton} showStickersButton={this.showStickersButton} showComposerModeButton={this.state.isWysiwygLabEnabled} - isComposerModeToggled={this.state.isRichTextEnabled} + isRichTextEnabled={this.state.isRichTextEnabled} onComposerModeClick={this.onRichTextToggle} toggleButtonMenu={this.toggleButtonMenu} showVoiceBroadcastButton={this.state.showVoiceBroadcastButton} diff --git a/src/components/views/rooms/MessageComposerButtons.tsx b/src/components/views/rooms/MessageComposerButtons.tsx index 8ab4c2570b..d31f6fea27 100644 --- a/src/components/views/rooms/MessageComposerButtons.tsx +++ b/src/components/views/rooms/MessageComposerButtons.tsx @@ -55,7 +55,7 @@ interface IProps { toggleButtonMenu: () => void; showVoiceBroadcastButton: boolean; onStartVoiceBroadcastClick: () => void; - isComposerModeToggled: boolean; + isRichTextEnabled: boolean; showComposerModeButton: boolean; onComposerModeClick: () => void; } @@ -89,7 +89,7 @@ const MessageComposerButtons: React.FC = (props: IProps) => { mainButtons = [ emojiButton(props), props.showComposerModeButton && - , + , uploadButton(), // props passed via UploadButtonContext ]; moreButtons = [ @@ -403,19 +403,21 @@ function showLocationButton( } interface WysiwygToggleButtonProps { - isToggled: boolean; + isRichTextEnabled: boolean; onClick: MouseEventHandler; } -function ComposerModeButton({ isToggled, onClick }: WysiwygToggleButtonProps) { +function ComposerModeButton({ isRichTextEnabled, onClick }: WysiwygToggleButtonProps) { + const title = isRichTextEnabled ? _t("Show plain text") : _t("Show formatting"); + return ; } diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json index a33de8ea15..fc4e8d848d 100644 --- a/src/i18n/strings/en_EN.json +++ b/src/i18n/strings/en_EN.json @@ -1874,6 +1874,8 @@ "Voice Message": "Voice Message", "You do not have permission to start polls in this room.": "You do not have permission to start polls in this room.", "Poll": "Poll", + "Show formatting": "Show formatting", + "Show plain text": "Show plain text", "Bold": "Bold", "Italics": "Italics", "Strikethrough": "Strikethrough",