Merge pull request #4534 from parasharrajat/ioudetails

Handle undefined IOU Report on IOUdetails page

Author: chiragsalian

src/languages/en.js

@@ -337,6 +337,7 @@ export default {
     notFound: {
         chatYouLookingForCannotBeFound: 'The chat you are looking for cannot be found.',
         getMeOutOfHere: 'Get me out of here',
+        iouReportNotFound: 'The payment details you are looking for cannot be found.',
     },
     setPasswordPage: {
         enterPassword: 'Enter a password',

src/languages/es.js

@@ -335,8 +335,9 @@ export default {
         createGroup: 'Crear Grupo',
     },
     notFound: {
-        chatYouLookingForCannotBeFound: 'No se pudo encontrar el chat que estabas buscando.',
+        chatYouLookingForCannotBeFound: 'El chat que estás buscando no se ha podido encontrar.',
         getMeOutOfHere: 'Sácame de aquí',
+        iouReportNotFound: 'Los detalles del pago que estás buscando no se han podido encontrar.',
     },
     setPasswordPage: {
         enterPassword: 'Escribe una contraseña',

src/libs/actions/Report.js

@@ -461,11 +461,17 @@ function removeOptimisticActions(reportID) {
  *
  * @param {Number} iouReportID - ID of the report we are fetching
  * @param {Number} chatReportID - associated chatReportID, set as an iouReport field
+ * @param {Boolean} [shouldRedirectIfEmpty=false] - Whether to redirect to Active Report Screen if IOUReport is empty
  * @returns {Promise}
  */
-function fetchIOUReportByID(iouReportID, chatReportID) {
+function fetchIOUReportByID(iouReportID, chatReportID, shouldRedirectIfEmpty = false) {
     return fetchIOUReport(iouReportID, chatReportID)
         .then((iouReportObject) => {
+            if (!iouReportObject && shouldRedirectIfEmpty) {
+                Growl.error(translateLocal('notFound.iouReportNotFound'));
+                Navigation.navigate(ROUTES.REPORT);
+                return;
+            }
             setLocalIOUReportData(iouReportObject);
             return iouReportObject;
         });

src/pages/iou/IOUDetailsModal.js

@@ -107,7 +107,7 @@ class IOUDetailsModal extends Component {
 
     componentDidMount() {
         this.isComponentMounted = true;
-        fetchIOUReportByID(this.props.route.params.iouReportID, this.props.route.params.chatReportID);
+        fetchIOUReportByID(this.props.route.params.iouReportID, this.props.route.params.chatReportID, true);
         this.addVenmoPaymentOptionIfAvailable();
         this.addExpensifyPaymentOptionIfAvailable();
     }