diff --git a/src/components/ReportTransaction.js b/src/components/ReportTransaction.js
deleted file mode 100644
index 166921cb3845..000000000000
--- a/src/components/ReportTransaction.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import React, {Component} from 'react';
-import PropTypes from 'prop-types';
-import {View} from 'react-native';
-import styles from '../styles/styles';
-import * as IOU from '../libs/actions/IOU';
-import * as ReportActions from '../libs/actions/ReportActions';
-import reportActionPropTypes from '../pages/home/report/reportActionPropTypes';
-import ReportActionItemSingle from '../pages/home/report/ReportActionItemSingle';
-import withLocalize, {withLocalizePropTypes} from './withLocalize';
-import OfflineWithFeedback from './OfflineWithFeedback';
-import Text from './Text';
-import Button from './Button';
-
-const propTypes = {
- /** The chatReport which the transaction is associated with */
- /* eslint-disable-next-line react/no-unused-prop-types */
- chatReportID: PropTypes.string.isRequired,
-
- /** ID for the IOU report */
- /* eslint-disable-next-line react/no-unused-prop-types */
- iouReportID: PropTypes.string.isRequired,
-
- /** The report action which we are displaying */
- action: PropTypes.shape(reportActionPropTypes).isRequired,
-
- /** Can this transaction be deleted? */
- canBeDeleted: PropTypes.bool,
-
- /** Indicates whether pressing the delete button should hide the details sidebar */
- shouldCloseOnDelete: PropTypes.bool,
-
- ...withLocalizePropTypes,
-};
-
-const defaultProps = {
- canBeDeleted: false,
- shouldCloseOnDelete: false,
-};
-
-class ReportTransaction extends Component {
- constructor(props) {
- super(props);
-
- this.deleteMoneyRequest = this.deleteMoneyRequest.bind(this);
- }
-
- deleteMoneyRequest() {
- IOU.deleteMoneyRequest(this.props.chatReportID, this.props.iouReportID, this.props.action, this.props.shouldCloseOnDelete);
- }
-
- render() {
- return (
- ReportActions.clearReportActionErrors(this.props.chatReportID, this.props.action)}
- pendingAction={this.props.action.pendingAction}
- errors={this.props.action.errors}
- errorRowStyles={[styles.ml10, styles.mr2]}
- >
-
-
- {this.props.action.message[0].text}
-
- {this.props.canBeDeleted && (
-
-
-
- )}
-
-
- );
- }
-}
-
-ReportTransaction.defaultProps = defaultProps;
-ReportTransaction.propTypes = propTypes;
-export default withLocalize(ReportTransaction);
diff --git a/src/pages/iou/IOUTransactions.js b/src/pages/iou/IOUTransactions.js
deleted file mode 100644
index b8a0998e492d..000000000000
--- a/src/pages/iou/IOUTransactions.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import React, {Component} from 'react';
-import {View} from 'react-native';
-import {withOnyx} from 'react-native-onyx';
-import _ from 'underscore';
-import PropTypes from 'prop-types';
-import lodashGet from 'lodash/get';
-import styles from '../../styles/styles';
-import ONYXKEYS from '../../ONYXKEYS';
-import * as ReportActionsUtils from '../../libs/ReportActionsUtils';
-import reportActionPropTypes from '../home/report/reportActionPropTypes';
-import ReportTransaction from '../../components/ReportTransaction';
-import CONST from '../../CONST';
-
-const propTypes = {
- /** Actions from the ChatReport */
- reportActions: PropTypes.shape(reportActionPropTypes),
-
- /** ReportID for the associated chat report */
- chatReportID: PropTypes.string.isRequired,
-
- /** ReportID for the associated IOU report */
- iouReportID: PropTypes.string.isRequired,
-
- /** Email for the authenticated user */
- userEmail: PropTypes.string.isRequired,
-
- /** Is the associated IOU settled? */
- isIOUSettled: PropTypes.bool,
-};
-
-const defaultProps = {
- reportActions: {},
- isIOUSettled: false,
-};
-
-class IOUTransactions extends Component {
- constructor(props) {
- super(props);
-
- this.getDeletableTransactions = this.getDeletableTransactions.bind(this);
- }
-
- /**
- * Builds and returns the deletableTransactionIDs array. A transaction must meet multiple requirements in order
- * to be deletable. We must exclude transactions not associated with the iouReportID, actions which have already
- * been deleted, and those which are not of type 'create'.
- *
- * @returns {Array}
- */
- getDeletableTransactions() {
- if (this.props.isIOUSettled) {
- return [];
- }
-
- // iouReportIDs should be strings, but we still have places that send them as ints so we convert them both to Numbers for comparison
- const actionsForIOUReport = _.filter(
- this.props.reportActions,
- (action) => action.originalMessage && action.originalMessage.type && Number(action.originalMessage.IOUReportID) === Number(this.props.iouReportID),
- );
-
- const deletedTransactionIDs = _.chain(actionsForIOUReport)
- .filter((action) => _.contains([CONST.IOU.REPORT_ACTION_TYPE.CANCEL, CONST.IOU.REPORT_ACTION_TYPE.DECLINE, CONST.IOU.REPORT_ACTION_TYPE.DELETE], action.originalMessage.type))
- .map((deletedAction) => lodashGet(deletedAction, 'originalMessage.IOUTransactionID', ''))
- .compact()
- .value();
-
- return _.chain(actionsForIOUReport)
- .filter((action) => action.originalMessage.type === CONST.IOU.REPORT_ACTION_TYPE.CREATE)
- .filter((action) => !_.contains(deletedTransactionIDs, action.originalMessage.IOUTransactionID))
- .filter((action) => this.props.userEmail === action.actorEmail)
- .map((action) => lodashGet(action, 'originalMessage.IOUTransactionID', ''))
- .compact()
- .value();
- }
-
- render() {
- const sortedReportActions = ReportActionsUtils.getSortedReportActionsForDisplay(this.props.reportActions);
- return (
-
- {_.map(sortedReportActions, (reportAction) => {
- // iouReportIDs should be strings, but we still have places that send them as ints so we convert them both to Numbers for comparison
- if (
- !reportAction.originalMessage ||
- reportAction.actionName !== CONST.REPORT.ACTIONS.TYPE.IOU ||
- Number(reportAction.originalMessage.IOUReportID) !== Number(this.props.iouReportID)
- ) {
- return;
- }
-
- const deletableTransactions = this.getDeletableTransactions();
- const canBeDeleted = _.contains(deletableTransactions, reportAction.originalMessage.IOUTransactionID);
- return (
-
- );
- })}
-
- );
- }
-}
-
-IOUTransactions.defaultProps = defaultProps;
-IOUTransactions.propTypes = propTypes;
-export default withOnyx({
- reportActions: {
- key: ({chatReportID}) => `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${chatReportID}`,
- canEvict: false,
- },
-})(IOUTransactions);
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 8195eeb75b11..b53ca5273084 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2099,12 +2099,6 @@ const styles = {
textTransform: 'capitalize',
},
- reportTransactionWrapper: {
- paddingVertical: 8,
- display: 'flex',
- flexDirection: 'row',
- },
-
settingsPageBackground: {
flexDirection: 'column',
width: '100%',