Move NotificationBadge to left side of icon

SardonyxApp · Sep 10, 2019 · 6bfdf77 · 6bfdf77
1 parent d4dc08f
commit 6bfdf77
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/GreetingsCard.js b/src/components/GreetingsCard.js
@@ -117,6 +117,7 @@ class GreetingsCard extends React.PureComponent {
             });
           }}
         >
+          <NotificationBadge style={{ position: 'relative' }}/>
           <Icon
             name={
               this.props.notificationCount
@@ -125,7 +126,6 @@ class GreetingsCard extends React.PureComponent {
             }
             color={colors.primary}
           />
-          <NotificationBadge />
         </TouchableOpacity>
       </View>
     );
@@ -162,7 +162,10 @@ const greetingsCardStyles = StyleSheet.create({
   notificationIcon: {
     position: 'absolute',
     top: 16,
-    right: 8
+    right: 8,
+    height: 24,
+    flexDirection: 'row',
+    alignItems: 'center'
   }
 });
 

diff --git a/src/components/NotificationBadge.js b/src/components/NotificationBadge.js
@@ -29,7 +29,6 @@ const notificationBadgeStyles = StyleSheet.create({
     top: -5,
     color: colors.white,
     backgroundColor: colors.primary
-
   }
 });
-Original file line number
+Diff line change
@@ Expand Up / @@ -29,7 +29,6 @@ const notificationBadgeStyles = StyleSheet.create({ @@
         top: -5,
         color: colors.white,
         backgroundColor: colors.primary
       }
     });
@@ Expand Down @@