diff --git a/src/components/ReportActionItem/IOUAction.js b/src/components/ReportActionItem/IOUAction.js index d172db8845fd..1baa2305b378 100644 --- a/src/components/ReportActionItem/IOUAction.js +++ b/src/components/ReportActionItem/IOUAction.js @@ -7,6 +7,7 @@ import reportActionPropTypes from '../../pages/home/report/reportActionPropTypes import IOUPreview from './IOUPreview'; import Navigation from '../../libs/Navigation/Navigation'; import ROUTES from '../../ROUTES'; +import styles from '../../styles/styles'; const propTypes = { /** All the data of the action */ @@ -50,6 +51,7 @@ const IOUAction = (props) => { chatReportID={props.chatReportID} onPayButtonPressed={launchDetailsModal} onPreviewPressed={launchDetailsModal} + containerStyles={[styles.cursorPointer]} /> )} diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index d7f21e9abbb4..c1bbd411bf82 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -35,6 +35,12 @@ const propTypes = { /** The associated chatReport */ chatReportID: PropTypes.number.isRequired, + /** Callback for the preview pressed */ + onPreviewPressed: PropTypes.func, + + /** Extra styles to pass to View wrapper */ + containerStyles: PropTypes.arrayOf(PropTypes.object), + /* Onyx Props */ /** Active IOU Report for current report */ @@ -72,6 +78,8 @@ const defaultProps = { iouReport: {}, shouldHidePayButton: false, onPayButtonPressed: null, + onPreviewPressed: () => {}, + containerStyles: [], }; const IOUPreview = (props) => { @@ -103,7 +111,7 @@ const IOUPreview = (props) => { const cachedTotal = props.iouReport.cachedTotal ? props.iouReport.cachedTotal.replace(/[()]/g, '') : ''; return ( - + {reportIsLoading ? : ( diff --git a/src/styles/styles.js b/src/styles/styles.js index c09831f4683a..ae864429d7f1 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -1914,7 +1914,6 @@ const styles = { marginTop: 16, maxWidth: variables.sideBarWidth, width: '100%', - cursor: 'pointer', }, iouPreviewBoxLoading: {