fix: dont disable text area for outgoing message requests

we only want to disable some of the buttons

ts/components/conversation/composition/CompositionButtons.tsx

@@ -63,11 +63,8 @@ export const StartRecordingButton = (props: { onClick: () => void }) => {
 // eslint-disable-next-line react/display-name
 export const ToggleEmojiButton = forwardRef<HTMLButtonElement, { onClick: () => void }>(
   (props, ref) => {
-    const selectedConvoKey = useSelectedConversationKey();
-    const isOutgoingRequest = useIsOutgoingRequest(selectedConvoKey);
-
     return (
-      <StyledChatButtonContainer disabled={isOutgoingRequest}>
+      <StyledChatButtonContainer>
         <SessionIconButton
           iconType="emoji"
           ref={ref}
@@ -77,7 +74,6 @@ export const ToggleEmojiButton = forwardRef<HTMLButtonElement, { onClick: () =>
           borderRadius="300px"
           iconPadding="6px"
           onClick={props.onClick}
-          disabled={isOutgoingRequest}
           dataTestId="emoji-button"
         />
       </StyledChatButtonContainer>
@@ -86,11 +82,8 @@ export const ToggleEmojiButton = forwardRef<HTMLButtonElement, { onClick: () =>
 );
 
 export const SendMessageButton = (props: { onClick: () => void }) => {
-  const selectedConvoKey = useSelectedConversationKey();
-  const isOutgoingRequest = useIsOutgoingRequest(selectedConvoKey);
-
   return (
-    <StyledChatButtonContainer disabled={isOutgoingRequest}>
+    <StyledChatButtonContainer>
       <SessionIconButton
         iconType="send"
         backgroundColor={'var(--chat-buttons-background-color)'}
@@ -100,7 +93,6 @@ export const SendMessageButton = (props: { onClick: () => void }) => {
         borderRadius="300px"
         iconPadding="6px"
         onClick={props.onClick}
-        disabled={isOutgoingRequest}
         dataTestId="send-message-button"
       />
     </StyledChatButtonContainer>

ts/components/conversation/composition/CompositionTextArea.tsx

@@ -1,6 +1,5 @@
 import { RefObject, useState } from 'react';
 import { Mention, MentionsInput } from 'react-mentions';
-import { useIsOutgoingRequest } from '../../../hooks/useParamSelector';
 import { getConversationController } from '../../../session/conversations';
 import {
   useSelectedConversationKey,
@@ -55,7 +54,6 @@ export const CompositionTextArea = (props: Props) => {
 
   const selectedConversationKey = useSelectedConversationKey();
   const htmlDirection = useHTMLDirection();
-  const isOutgoingRequest = useIsOutgoingRequest(selectedConversationKey);
   const isKickedFromGroup = useSelectedIsKickedFromGroup();
   const left = useSelectedIsLeft();
   const isBlocked = useSelectedIsBlocked();
@@ -121,7 +119,7 @@ export const CompositionTextArea = (props: Props) => {
       spellCheck={true}
       dir={htmlDirection}
       inputRef={textAreaRef}
-      disabled={!typingEnabled || isOutgoingRequest}
+      disabled={!typingEnabled}
       rows={1}
       data-testid="message-input-text-area"
       style={style}