Updated iOS alert object to display title and body detail (#735)

* Updated iOS alert object to display title and body detail

* Updated changelog with Fix details

* Updated push details page to display title and body if present in alert object.

* Addressed Travis build error

Author: repertus

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 * _Contributing to this repo? Add info about your change here to be included in next release_
 * Fix: NaN displayed when filter input is empty or negative number (#749), thanks to [Miguel Serrrano](https://github.com/miguel-s)
+* Fix: Addresses issue related to displaying iOS alert object containing title and body keys (#539), thanks to [Robert Martin del Campo](https://github.com/repertus)
 
 ### 1.1.0
 

src/dashboard/Push/PushDetails.react.js

@@ -39,7 +39,13 @@ const EXP_STATS_URL = 'http://docs.parseplatform.org/ios/guide/#push-experiments
 let getMessage = (payload) => {
   if(payload) {
     let payloadJSON = JSON.parse(payload);
-    return payloadJSON.alert ? payloadJSON.alert : payload;
+		if (payloadJSON.alert.body) {
+			return payloadJSON.alert.body;
+		} else if (payloadJSON.alert) {
+			return payloadJSON.alert;
+		} else {
+			return payload;
+		}
   }
   return '';
 }
@@ -461,6 +467,7 @@ export default class PushDetails extends DashboardView {
     let isMessageType = pushDetails.exp_type === 'message';
     let res = null;
     let prevLaunchGroup = null;
+		let alert = getMessage(pushDetails.get('payload'));
 
     if (pushDetails && pushDetails.experiment_push_id) {
       prevLaunchGroup = (
@@ -512,7 +519,14 @@ export default class PushDetails extends DashboardView {
         <div>
           <div className={styles.groupHeader}>
             <div className={styles.headerTitle}>MESSAGE SENT</div>
-            <div className={styles.headline}>{getMessage(pushDetails.get('payload'))}</div>
+							{
+								(typeof alert === 'object') ?
+									<div>
+										<div className={styles.headline}>{alert.title}</div>
+										<div className={styles.headline}>{alert.body}</div>
+									</div>:
+									<div className={styles.headline}>{alert}</div>
+							}
             <div className={styles.subline}>
               {getSentInfo(pushDetails.get('pushTime'), pushDetails.get('expiration'))}
             </div>

src/dashboard/Push/PushIndex.react.js

@@ -137,6 +137,8 @@ let getPushName = (pushData) => {
     if (typeof payload === 'object') {
       if (typeof payload.alert === 'string') {
         return payload.alert;
+			} else if (typeof payload.alert === 'object' && payload.alert.title !== undefined) {
+				return payload.alert.title;
       }
       return payload.alert ? JSON.stringify(payload.alert) : JSON.stringify(payload);
     } else {