diff --git a/src/pages/workspace/receiptPartners/ChangeReceiptBillingAccountPage.tsx b/src/pages/workspace/receiptPartners/ChangeReceiptBillingAccountPage.tsx index ffd07ceb4caa..a38d15558c83 100644 --- a/src/pages/workspace/receiptPartners/ChangeReceiptBillingAccountPage.tsx +++ b/src/pages/workspace/receiptPartners/ChangeReceiptBillingAccountPage.tsx @@ -2,8 +2,8 @@ import React, {useCallback, useEffect, useMemo, useState} from 'react'; import HeaderWithBackButton from '@components/HeaderWithBackButton'; import * as Expensicons from '@components/Icon/Expensicons'; import ScreenWrapper from '@components/ScreenWrapper'; -import SelectionList from '@components/SelectionListWithSections'; -import InviteMemberListItem from '@components/SelectionListWithSections/InviteMemberListItem'; +import SelectionList from '@components/SelectionList'; +import InviteMemberListItem from '@components/SelectionList/ListItem/InviteMemberListItem'; import Text from '@components/Text'; import useDebouncedState from '@hooks/useDebouncedState'; import useLocalize from '@hooks/useLocalize'; @@ -85,7 +85,7 @@ function ChangeReceiptBillingAccountPage({route}: ChangeReceiptBillingAccountPag return membersList; }, [isOffline, policy?.employeeList, localeCompare, selectedOption]); - const sections = useMemo(() => { + const data = useMemo(() => { if (workspaceMembers.length === 0) { return []; } @@ -98,13 +98,7 @@ function ChangeReceiptBillingAccountPage({route}: ChangeReceiptBillingAccountPag membersToDisplay = tokenizedSearch(workspaceMembers, searchValue, (option) => [option.text ?? '', option.alternateText ?? '']); } - return [ - { - title: undefined, - data: membersToDisplay, - shouldShow: true, - }, - ]; + return membersToDisplay; }, [workspaceMembers, countryCode, debouncedSearchTerm]); useEffect(() => { @@ -130,8 +124,18 @@ function ChangeReceiptBillingAccountPage({route}: ChangeReceiptBillingAccountPag const headerMessage = useMemo(() => { const searchValue = debouncedSearchTerm.trim().toLowerCase(); - return getHeaderMessage(sections?.at(0)?.data.length !== 0, false, searchValue, countryCode); - }, [debouncedSearchTerm, sections, countryCode]); + return getHeaderMessage(data.length !== 0, false, searchValue, countryCode); + }, [debouncedSearchTerm, data.length, countryCode]); + + const textInputOptions = useMemo( + () => ({ + label: textInputLabel, + value: searchTerm, + onChangeText: setSearchTerm, + headerMessage, + }), + [headerMessage, searchTerm, setSearchTerm, textInputLabel], + ); return ( {translate('workspace.receiptPartners.uber.centralBillingDescription')}