fix(styles): Fix StateBadge tests

josenaranjo · josenaranjo · commit 213459e339aa · 2017-10-24T22:16:49.000-05:00
StateBadge component will have some styles trough props. Revert to use StyleSheet in this case. #532
diff --git a/src/components/issue-description.component.js b/src/components/issue-description.component.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { ActivityIndicator } from 'react-native';
+import { StyleSheet, ActivityIndicator } from 'react-native';
 import { ListItem } from 'react-native-elements';
 import Parse from 'parse-diff';
 import moment from 'moment/min/moment-with-locales.min';
@@ -16,6 +16,13 @@ import { translate } from 'utils';
 import { colors, styledFonts, normalize } from 'config';
 import { v3 } from 'api';
 
+const styles = StyleSheet.create({
+  badge: {
+    alignItems: 'flex-end',
+    justifyContent: 'center',
+  },
+});
+
 const HeaderContainer = styled.View`
   flex-direction: row;
   align-items: center;
@@ -50,11 +57,6 @@ const DiffBlocksContainer = styled.View`
   padding-bottom: 10;
 `;
 
-const StateBadgeStyled = styled(StateBadge)`
-  align-items: flex-end;
-  justify-content: center;
-`;
-
 const LabelButtonGroup = styled.View`
   flex-wrap: wrap;
   flex-direction: row;
@@ -151,7 +153,8 @@ export class IssueDescription extends Component {
           {!issue.pull_request ||
             (issue.pull_request &&
               !isPendingCheckMerge && (
-                <StateBadgeStyled
+                <StateBadge
+                  style={styles.badge}
                   issue={issue}
                   isMerged={isMerged && issue.pull_request}
                   locale={locale}
