fix: command button resolution

Author: isekovanic

package/src/components/MessageInput/MessageInputLeadingView.tsx

@@ -3,36 +3,25 @@ import { StyleSheet } from 'react-native';
 
 import Animated, { ZoomIn, ZoomOut } from 'react-native-reanimated';
 
-import { AttachmentManagerState } from 'stream-chat';
-
 import { textComposerStateSelector } from './utils/messageComposerSelectors';
 
 import { useMessageComposer } from '../../contexts/messageInputContext/hooks/useMessageComposer';
 import { useStateStore } from '../../hooks/useStateStore';
 import { primitives } from '../../theme';
 import { GiphyChip } from '../ui/GiphyChip';
 
-const hasAttachmentsSelector = (nextState: AttachmentManagerState) => ({
-  hasAttachments: nextState.attachments?.length > 0,
-});
-
 export const MessageInputLeadingView = () => {
   const messageComposer = useMessageComposer();
-  const { textComposer } = messageComposer;
-  // TODO: V9: This needs to come from the LLC.
-  const { hasAttachments } = useStateStore(
-    messageComposer.attachmentManager.state,
-    hasAttachmentsSelector,
-  );
+  const { textComposer, attachmentManager } = messageComposer;
   const { command } = useStateStore(textComposer.state, textComposerStateSelector);
 
   useEffect(() => {
-    if (hasAttachments) {
+    if (attachmentManager.state.getLatestValue().attachments.length > 0) {
       textComposer.clearCommand();
     }
-  }, [textComposer, hasAttachments]);
+  }, [textComposer, attachmentManager]);
 
-  return command && !hasAttachments ? (
+  return command ? (
     <Animated.View
       entering={ZoomIn.duration(200)}
       exiting={ZoomOut.duration(200)}