Clean up MoneyRequestModal

src/pages/iou/MoneyRequestModal.js

@@ -1,5 +1,5 @@
 import _ from 'underscore';
-import React, {useState, useEffect, useRef, useCallback, useMemo} from 'react';
+import React, {useState, useEffect, useCallback, useMemo} from 'react';
 import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import lodashGet from 'lodash/get';
@@ -10,7 +10,6 @@ import MoneyRequestConfirmPage from './steps/MoneyRequestConfirmPage';
 import ModalHeader from './ModalHeader';
 import styles from '../../styles/styles';
 import * as IOU from '../../libs/actions/IOU';
-import Navigation from '../../libs/Navigation/Navigation';
 import ONYXKEYS from '../../ONYXKEYS';
 import withLocalize, {withLocalizePropTypes} from '../../components/withLocalize';
 import compose from '../../libs/compose';
@@ -44,9 +43,6 @@ const propTypes = {
 
     // Holds data related to request view state, rather than the underlying request data.
     iou: PropTypes.shape({
-        /** Whether or not transaction creation has started */
-        creatingIOUTransaction: PropTypes.bool,
-
         /** Whether or not transaction creation has resulted to error */
         error: PropTypes.bool,
 
@@ -86,7 +82,6 @@ const defaultProps = {
     },
     personalDetails: {},
     iou: {
-        creatingIOUTransaction: false,
         error: false,
         selectedCurrencyCode: null,
     },
@@ -106,7 +101,6 @@ const MoneyRequestModal = (props) => {
         () => (reportParticipants.length ? [Steps.MoneyRequestAmount, Steps.MoneyRequestConfirm] : [Steps.MoneyRequestAmount, Steps.MoneyRequestParticipants, Steps.MoneyRequestConfirm]),
         [reportParticipants.length],
     );
-    const prevCreatingIOUTransactionStatusRef = useRef(lodashGet(props.iou, 'creatingIOUTransaction'));
 
     const [previousStepIndex, setPreviousStepIndex] = useState(-1);
     const [currentStepIndex, setCurrentStepIndex] = useState(0);
@@ -124,28 +118,9 @@ const MoneyRequestModal = (props) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps -- props.currentUserPersonalDetails will always exist from Onyx and we don't want this effect to run again
     }, []);
 
-    useEffect(() => {
-        // We only want to check if we just finished creating an IOU transaction
-        // We check it within this effect because we're sending the request optimistically but if an error occurs from the API, we will update the iou state with the error later
-        if (!prevCreatingIOUTransactionStatusRef.current || lodashGet(props.iou, 'creatingIOUTransaction')) {
-            return;
-        }
-
-        if (lodashGet(props.iou, 'error') === true) {
-            setCurrentStepIndex(0);
-        } else {
-            Navigation.dismissModal();
-        }
-    }, [props.iou]);
-
     // User came back online, so let's refetch the currency details based on location
     useOnNetworkReconnect(PersonalDetails.openMoneyRequestModalPage);
 
-    useEffect(() => {
-        // Used to store previous prop values to compare on next render
-        prevCreatingIOUTransactionStatusRef.current = lodashGet(props.iou, 'creatingIOUTransaction');
-    });
-
     /**
      * Decides our animation type based on whether we're increasing or decreasing
      * our step index.
@@ -374,12 +349,10 @@ const MoneyRequestModal = (props) => {
                                         {modalHeader}
                                         <MoneyRequestConfirmPage
                                             onConfirm={(selectedParticipants) => {
-                                                // TODO: ADD HANDLING TO DISABLE BUTTON FUNCTIONALITY WHILE REQUEST IS IN FLIGHT
                                                 createTransaction(selectedParticipants);
                                                 ReportScrollManager.scrollToBottom();
                                             }}
                                             onSendMoney={(paymentMethodType) => {
-                                                // TODO: ADD HANDLING TO DISABLE BUTTON FUNCTIONALITY WHILE REQUEST IS IN FLIGHT
                                                 sendMoney(paymentMethodType);
                                                 ReportScrollManager.scrollToBottom();
                                             }}

src/setup/index.js

@@ -36,7 +36,6 @@ export default function () {
             [ONYXKEYS.IOU]: {
                 loading: false,
                 error: false,
-                creatingIOUTransaction: false,
             },
             [ONYXKEYS.IS_SIDEBAR_LOADED]: false,
             [ONYXKEYS.SHOULD_SHOW_COMPOSE_INPUT]: true,