fix: NotificationListItem

LeoCp · LeoCp · commit 232c4bd690ba · 2017-10-31T23:56:14.000-02:00
diff --git a/src/components/notification-list-item.component.js b/src/components/notification-list-item.component.js
@@ -5,7 +5,7 @@ import styled from 'styled-components/native';
 import { View, TouchableOpacity } from 'react-native';
 import { Icon } from 'react-native-elements';
 
-import { colors, fonts, normalize } from 'config';
+import { colors, styledFonts, normalize } from 'config';
 
 type Props = {
   notification: Object,
@@ -15,7 +15,7 @@ type Props = {
 
 const NotificationListItemContainer = styled.View`
   border-bottom-color: ${colors.greyLight};
-  border-bottom-width: 1px;
+  border-bottom-width: 1;
 `;
 
 const Wrapper = styled.View`
@@ -37,7 +37,7 @@ const TitleContainer = styled.View`
 
 const Title = styled.Text`
   color: ${colors.black};
-  ${{ ...fonts.fontPrimary }};
+  font-family: ${styledFonts.fontPrimary};
   font-size: ${normalize(12)};
   margin-left: 10px;
 `;
@@ -54,8 +54,6 @@ const IconStyled = styled(Icon).attrs({
   type: 'octicon',
 })``;
 
-const CheckIcon = styled(IconStyled).attrs({ name: 'check' })``;
-
 export class NotificationListItem extends Component {
   props: Props;
 
@@ -103,7 +101,7 @@ export class NotificationListItem extends Component {
               onPress={() => iconAction(notification.id)}
               nativeId="notification-unread"
             >
-              <CheckIcon />
+              <IconStyled name="check" />
             </CheckButton>
           )}
         </Wrapper>
