Skip to content

Commit

Permalink
fix focus in tab in newchat
Browse files Browse the repository at this point in the history
  • Loading branch information
shubham1206agra committed Oct 23, 2023
1 parent 3f32b7d commit 80a77ae
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions src/pages/NewChatPage.js
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@ import personalDetailsPropType from './personalDetailsPropType';
import reportPropTypes from './reportPropTypes';
import variables from '../styles/variables';
import useNetwork from '../hooks/useNetwork';
import useDelayedInputFocus from '../hooks/useDelayedInputFocus';

const propTypes = {
/** Beta features list */
Expand Down Expand Up @@ -50,6 +51,7 @@ const defaultProps = {
const excludedGroupEmails = _.without(CONST.EXPENSIFY_EMAILS, CONST.EMAIL.CONCIERGE);

function NewChatPage({betas, isGroupChat, personalDetails, reports, translate, isSearchingForReports}) {
const optionSelectorRef = React.createRef(null);
const [searchTerm, setSearchTerm] = useState('');
const [filteredRecentReports, setFilteredRecentReports] = useState([]);
const [filteredPersonalDetails, setFilteredPersonalDetails] = useState([]);
Expand Down Expand Up @@ -210,6 +212,9 @@ function NewChatPage({betas, isGroupChat, personalDetails, reports, translate, i
}
setSearchTerm(text);
}, []);

useDelayedInputFocus(optionSelectorRef, 600);

return (
<ScreenWrapper
shouldEnableKeyboardAvoidingView={false}
Expand All @@ -230,6 +235,7 @@ function NewChatPage({betas, isGroupChat, personalDetails, reports, translate, i
>
<View style={[styles.flex1, styles.w100, styles.pRelative, selectedOptions.length > 0 ? safeAreaPaddingBottomStyle : {}]}>
<OptionsSelector
ref={optionSelectorRef}
canSelectMultipleOptions
shouldShowMultipleOptionSelectorAsButton
multipleOptionSelectorButtonText={translate('newChatPage.addToGroup')}
Expand Down

0 comments on commit 80a77ae

Please sign in to comment.