fix(app): scope the show-send-button toggle to the main composer (#2104)

fluxer_app/src/features/channel/components/textarea/TextareaContextMenu.tsx

@@ -118,11 +118,19 @@ interface TextareaContextMenuProps {
 	suggestions?: Array<string>;
 	editFlags?: TextareaContextMenuEditFlags;
 	targetElement?: HTMLElement | null;
+	showSendButtonToggle?: boolean;
 	onClose: () => void;
 }
 
 export const TextareaContextMenu = observer(
-	({misspelledWord, suggestions = [], editFlags, targetElement, onClose}: TextareaContextMenuProps) => {
+	({
+		misspelledWord,
+		suggestions = [],
+		editFlags,
+		targetElement,
+		showSendButtonToggle = false,
+		onClose,
+	}: TextareaContextMenuProps) => {
 		const {i18n} = useLingui();
 		const showMessageSendButton = Accessibility.showMessageSendButton;
 		const electronAPI = isElectron() ? getElectronAPI() : null;
@@ -309,16 +317,18 @@ export const TextareaContextMenu = observer(
 						data-flx="channel.textarea.textarea-context-menu.menu-item-submenu"
 					/>
 				</MenuGroup>
-				<MenuGroup data-flx="channel.textarea.textarea-context-menu.menu-group--6">
+				{showSendButtonToggle && (
-					<CheckboxItem
+					<MenuGroup data-flx="channel.textarea.textarea-context-menu.menu-group--6">
-						checked={showMessageSendButton}
+						<CheckboxItem
-						onCheckedChange={(checked) => AccessibilityCommands.update({showMessageSendButton: checked})}
+							checked={showMessageSendButton}
-						closeOnChange={false}
+							onCheckedChange={(checked) => AccessibilityCommands.update({showMessageSendButton: checked})}
-						data-flx="channel.textarea.textarea-context-menu.checkbox-item.show-send-button"
+							closeOnChange={false}
-					>
+							data-flx="channel.textarea.textarea-context-menu.checkbox-item.show-send-button"
-						{i18n._(SHOW_SEND_BUTTON_DESCRIPTOR)}
+						>
-					</CheckboxItem>
+							{i18n._(SHOW_SEND_BUTTON_DESCRIPTOR)}
-				</MenuGroup>
+						</CheckboxItem>
+					</MenuGroup>
+				)}
 			</>
 		);
 	},

fluxer_app/src/features/ui/hooks/useTextInputContextMenu.tsx

@@ -218,6 +218,7 @@ export const useTextInputContextMenu = () => {
 				suggestions: params.suggestions,
 				editFlags: params.editFlags as TextareaContextMenuEditFlags | undefined,
 				targetElement: resolvedTarget.editable,
+				showSendButtonToggle: resolvedTarget.editable.closest('flx-channel-textarea') != null,
 			});
 		});
 		return () => {