diff --git a/src/components/MoneyRequestConfirmationList.tsx b/src/components/MoneyRequestConfirmationList.tsx index 6148748d0b22..8db2901a6116 100755 --- a/src/components/MoneyRequestConfirmationList.tsx +++ b/src/components/MoneyRequestConfirmationList.tsx @@ -32,6 +32,7 @@ import {getDefaultWorkspaceAvatar} from '@libs/ReportUtils'; import playSound, {SOUNDS} from '@libs/Sound'; import * as TransactionUtils from '@libs/TransactionUtils'; import tryResolveUrlFromApiRoot from '@libs/tryResolveUrlFromApiRoot'; +import ToggleSettingOptionRow from '@pages/workspace/workflows/ToggleSettingsOptionRow'; import * as IOU from '@userActions/IOU'; import type {IOUAction, IOUType} from '@src/CONST'; import CONST from '@src/CONST'; @@ -61,7 +62,6 @@ import type {SectionListDataType} from './SelectionList/types'; import UserListItem from './SelectionList/UserListItem'; import SettlementButton from './SettlementButton'; import ShowMoreButton from './ShowMoreButton'; -import Switch from './Switch'; import Text from './Text'; type MoneyRequestConfirmationListOnyxProps = { @@ -1077,11 +1077,14 @@ function MoneyRequestConfirmationList({ { item: ( - {translate('common.billable')} - onToggleBillable?.(isOn)} + isActive={iouIsBillable} + disabled={isReadOnly} + titleStyle={!iouIsBillable && {color: theme.textSupporting}} + wrapperStyle={styles.flex1} /> ),