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')}