Merge branch 'new-text-composer' of github.com:GetStream/stream-chat-react-native into attachment-manager-integration

Author: khushal87

package/src/components/MessageInput/CommandsButton.tsx

@@ -12,6 +12,10 @@ import { Lightning } from '../../icons/Lightning';
 export type CommandsButtonProps = {
   /** Function that opens commands selector */
   handleOnPress?: PressableProps['onPress'];
+  /**
+   * Determins if the text input has text
+   */
+  hasText?: boolean;
 };
 
 const textComposerStateSelector = (state: TextComposerState) => ({
@@ -24,10 +28,10 @@ const searchSourceStateSelector = (nextValue: SearchSourceState) => ({
 });
 
 export const CommandsButton = (props: CommandsButtonProps) => {
-  const { handleOnPress } = props;
+  const { handleOnPress, hasText } = props;
   const messageComposer = useMessageComposer();
   const { textComposer } = messageComposer;
-  const { suggestions, text } = useStateStore(textComposer.state, textComposerStateSelector);
+  const { suggestions } = useStateStore(textComposer.state, textComposerStateSelector);
   const { items } = useStateStore(suggestions?.searchSource.state, searchSourceStateSelector) ?? {};
   const trigger = suggestions?.trigger;
 
@@ -60,7 +64,7 @@ export const CommandsButton = (props: CommandsButtonProps) => {
     },
   } = useTheme();
 
-  if (text) {
+  if (hasText) {
     return null;
   }
 

package/src/components/MessageInput/InputButtons.tsx

@@ -85,7 +85,7 @@ export const InputButtonsWithContext = (props: InputButtonsWithContextProps) =>
           <AttachButton />
         </View>
       )}
-      {hasCommands && <CommandsButton />}
+      {hasCommands && <CommandsButton hasText={hasText} />}
     </>
   );
 };

package/src/components/Poll/CreatePollContent.tsx

@@ -82,8 +82,7 @@ export const CreatePollContent = () => {
         },
       };
     });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [createPollOptionHeight, options]);
+  }, [createPollOptionHeight, currentOptionPositions, options]);
 
   const onBackPressHandler = useCallback(() => {
     pollComposer.initState();