New Chat: Fix clearing input after confirming user selection (#5941)

src/components/left/newChat/NewChat.tsx

@@ -6,6 +6,8 @@ import { LeftColumnContent } from '../../../types';
 
 import { LAYERS_ANIMATION_NAME } from '../../../util/browser/windowEnvironment';
 
+import useLastCallback from '../../../hooks/useLastCallback.ts';
+
 import Transition from '../../ui/Transition';
 import NewChatStep1 from './NewChatStep1';
 import NewChatStep2 from './NewChatStep2';
@@ -27,7 +29,7 @@ const NewChat: FC<OwnProps> = ({
   content,
   onReset,
 }) => {
-  const { openLeftColumnContent } = getActions();
+  const { openLeftColumnContent, setGlobalSearchQuery } = getActions();
   const [newChatMemberIds, setNewChatMemberIds] = useState<string[]>([]);
 
   const handleNextStep = useCallback(() => {
@@ -36,6 +38,15 @@ const NewChat: FC<OwnProps> = ({
     });
   }, [isChannel]);
 
+  const changeSelectedMemberIdsHandler = useLastCallback((ids: string[]) => {
+    const isSelection = ids.length > newChatMemberIds.length;
+
+    setNewChatMemberIds(ids);
+    if (isSelection) {
+      setGlobalSearchQuery({ query: '' });
+    }
+  });
+
   return (
     <Transition
       id="NewChat"
@@ -52,7 +63,7 @@ const NewChat: FC<OwnProps> = ({
                 isChannel={isChannel}
                 isActive={isActive}
                 selectedMemberIds={newChatMemberIds}
-                onSelectedMemberIdsChange={setNewChatMemberIds}
+                onSelectedMemberIdsChange={changeSelectedMemberIdsHandler}
                 onNextStep={handleNextStep}
                 onReset={onReset}
               />