diff --git a/src/pages/settings/Profile/PersonalDetails/CountrySelectionPage.tsx b/src/pages/settings/Profile/PersonalDetails/CountrySelectionPage.tsx index b70b361f6b22..33e2ef70fd71 100644 --- a/src/pages/settings/Profile/PersonalDetails/CountrySelectionPage.tsx +++ b/src/pages/settings/Profile/PersonalDetails/CountrySelectionPage.tsx @@ -1,8 +1,8 @@ import React, {useCallback, useMemo, useState} from 'react'; import HeaderWithBackButton from '@components/HeaderWithBackButton'; import ScreenWrapper from '@components/ScreenWrapper'; -import SelectionList from '@components/SelectionListWithSections'; -import RadioListItem from '@components/SelectionListWithSections/RadioListItem'; +import SelectionList from '@components/SelectionList'; +import RadioListItem from '@components/SelectionList/ListItem/RadioListItem'; import useLocalize from '@hooks/useLocalize'; import Navigation from '@libs/Navigation/Navigation'; import type {PlatformStackScreenProps} from '@libs/Navigation/PlatformStackNavigation/types'; @@ -39,7 +39,6 @@ function CountrySelectionPage({route}: CountrySelectionPageProps) { ); const searchResults = searchOptions(searchValue, countries); - const headerMessage = searchValue.trim() && !searchResults.length ? translate('common.noResultsFound') : ''; const selectCountry = useCallback( (option: Option) => { @@ -56,6 +55,16 @@ function CountrySelectionPage({route}: CountrySelectionPageProps) { [route.params.backTo], ); + const textInputOptions = useMemo( + () => ({ + headerMessage: searchValue.trim() && !searchResults.length ? translate('common.noResultsFound') : '', + label: translate('common.country'), + value: searchValue, + onChangeText: setSearchValue, + }), + [searchResults.length, searchValue, translate], + ); + return (