fix/22534-draft-proposal

src/pages/workspace/SearchInputRef.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import {TextInput} from 'react-native';
+
+const searchInputRef = React.createRef<TextInput>();
+let onSearchInputChange: (text: string) => void = () => {};
+let searchInput: string = '';
+export default {
+    searchInputRef,
+    onSearchInputChange,
+    searchInput,
+};

src/pages/workspace/WorkspaceInvitePage.js

@@ -21,6 +21,7 @@ import * as Policy from '@userActions/Policy';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
+import SearchInputRef from './SearchInputRef';
 import {policyDefaultProps, policyPropTypes} from './withPolicy';
 import withPolicyAndFullscreenLoading from './withPolicyAndFullscreenLoading';
 
@@ -225,6 +226,14 @@ function WorkspaceInvitePage(props) {
         return OptionsListUtils.getHeaderMessage(personalDetails.length !== 0, usersToInvite.length > 0, searchValue);
     }, [excludedUsers, translate, searchTerm, policyName, usersToInvite, personalDetails.length]);
 
+    useEffect(() => {
+        if (!SearchInputRef.searchInput) {
+            return;
+        }
+        if (SearchInputRef.searchInput) {
+            setSearchTerm(SearchInputRef.searchInput);
+        }
+    }, []);
     return (
         <ScreenWrapper
             shouldEnableMaxHeight
@@ -254,7 +263,10 @@ function WorkspaceInvitePage(props) {
                             sections={sections}
                             textInputLabel={translate('optionsSelector.nameEmailOrPhoneNumber')}
                             textInputValue={searchTerm}
-                            onChangeText={setSearchTerm}
+                            onChangeText={(value) => {
+                                SearchInputRef.searchInput = value;
+                                setSearchTerm(value);
+                            }}
                             headerMessage={headerMessage}
                             onSelectRow={toggleOption}
                             onConfirm={inviteUser}

src/pages/workspace/WorkspaceMembersPage.js

@@ -1,3 +1,4 @@
+import {useIsFocused} from '@react-navigation/native';
 import lodashGet from 'lodash/get';
 import PropTypes from 'prop-types';
 import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';
@@ -32,6 +33,7 @@ import * as Policy from '@userActions/Policy';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
+import SearchInputRef from './SearchInputRef';
 import {policyDefaultProps, policyPropTypes} from './withPolicy';
 import withPolicyAndFullscreenLoading from './withPolicyAndFullscreenLoading';
 
@@ -402,7 +404,15 @@ function WorkspaceMembersPage(props) {
             />
         );
     };
-
+    const isFocusedScreen = useIsFocused();
+    useEffect(() => {
+        if (!SearchInputRef.searchInput) {
+            return;
+        }
+        if (SearchInputRef.searchInput) {
+            setSearchValue(SearchInputRef.searchInput);
+        }
+    }, [isFocusedScreen]);
     return (
         <ScreenWrapper
             includeSafeAreaPaddingBottom={false}
@@ -465,7 +475,10 @@ function WorkspaceMembersPage(props) {
                             sections={[{data, indexOffset: 0, isDisabled: false}]}
                             textInputLabel={props.translate('optionsSelector.findMember')}
                             textInputValue={searchValue}
-                            onChangeText={setSearchValue}
+                            onChangeText={(value) => {
+                                SearchInputRef.searchInput = value;
+                                setSearchValue(value);
+                            }}
                             headerMessage={getHeaderMessage()}
                             headerContent={getHeaderContent()}
                             onSelectRow={(item) => toggleUser(item.accountID)}