Merge pull request #3105 from Expensify/joe-iou-badge-colors

Change IOUBadge color depending on which user owes money

src/components/IOUBadge.js

@@ -11,18 +11,31 @@ const propTypes = {
     iouReport: PropTypes.shape({
         /** The total amount in cents */
         total: PropTypes.number,
+
+        /** The owner of the IOUReport */
+        ownerEmail: PropTypes.string,
     }),
+
+    /** Session of currently logged in user */
+    session: PropTypes.shape({
+        email: PropTypes.string.isRequired,
+    }).isRequired,
 };
 
 const defaultProps = {
     iouReport: {
         total: 0,
+        ownerEmail: null,
     },
 };
 
 const IOUBadge = props => (
     <View
-        style={[styles.badge, styles.badgeSuccess, styles.ml2]}
+        style={[
+            styles.badge,
+            styles.ml2,
+            props.session.email === props.iouReport.ownerEmail ? styles.badgeSuccess : styles.badgeDanger,
+        ]}
     >
         <Text
             style={styles.badgeText}
@@ -40,4 +53,7 @@ export default withOnyx({
     iouReport: {
         key: ({iouReportID}) => `${ONYXKEYS.COLLECTION.REPORT_IOUS}${iouReportID}`,
     },
+    session: {
+        key: ONYXKEYS.SESSION,
+    },
 })(IOUBadge);