enhanced designs

src/components/header/view/headerView.js

@@ -48,7 +48,13 @@ class HeaderView extends Component {
       isDarkTheme,
     } = this.props;
     const { isSearchModalOpen } = this.state;
-    const gredientColor = isDarkTheme ? ['#081c36', '#43638e'] : ['#2d5aa0', '#357ce6'];
+    let gredientColor = isDarkTheme ? ['#081c36', '#43638e'] : ['#2d5aa0', '#357ce6'];
+
+    if (isReverse) {
+      gredientColor = isDarkTheme ? ['#43638e', '#081c36'] : ['#357ce6', '#2d5aa0'];
+    } else {
+      gredientColor = isDarkTheme ? ['#081c36', '#43638e'] : ['#2d5aa0', '#357ce6'];
+    }
 
     return (
       <SafeAreaView style={[styles.container, isReverse && styles.containerReverse]}>
@@ -65,7 +71,7 @@ class HeaderView extends Component {
         >
           <LinearGradient
             start={{ x: 0, y: 0 }}
-            end={{ x: 0.5, y: 0 }}
+            end={{ x: 1, y: 0 }}
             colors={gredientColor}
             style={[
               styles.avatarButtonWrapper,

src/components/notificationLine/view/notificationLineStyles.js

@@ -48,8 +48,8 @@ export default EStyleSheet.create({
   },
   isNewNotification: {
     backgroundColor: '$primaryLightBlue',
-    borderTopWidth: 0.3,
-    borderBottomWidth: 0.3,
+    borderBottomWidth: 0.5,
+    borderBottomColor: '$notificationBorder',
   },
   hasNoAvatar: {
     backgroundColor: '#d8d8d8',

src/components/notificationLine/view/notificationLineView.js

@@ -3,7 +3,7 @@ import {
   View, Text, Image, TouchableHighlight,
 } from 'react-native';
 import { injectIntl } from 'react-intl';
-
+import FastImage from 'react-native-fast-image';
 // Constants
 
 // Components
@@ -14,9 +14,9 @@ import styles from './notificationLineStyles';
 
 class NotificationLineView extends PureComponent {
   /* Props
-    * ------------------------------------------------
-    *   @prop { type }    name                - Description....
-    */
+   * ------------------------------------------------
+   *   @prop { type }    name                - Description....
+   */
 
   constructor(props) {
     super(props);
@@ -40,7 +40,7 @@ class NotificationLineView extends PureComponent {
           key={Math.random()}
           style={[styles.notificationWrapper, !notification.read && styles.isNewNotification]}
         >
-          <Image
+          <FastImage
             style={[styles.avatar, !notification.avatar && styles.hasNoAvatar]}
             source={{
               uri: `https://steemitimages.com/u/${notification.source}/avatar/small`,

src/themes/darkTheme.js

@@ -32,6 +32,8 @@ export default {
   $disableGray: '#fff',
   $editorButtonColor: '#fff',
   $pureWhite: '#ffffff',
+  $notificationBorder: '#1e2835',
+
   // Devices Sizes
   $deviceHeight: Dimensions.get('window').height,
   $deviceWidth: Dimensions.get('window').width,

src/themes/lightTheme.js

@@ -31,6 +31,7 @@ export default {
   $disableGray: '#fff',
   $editorButtonColor: '#3c4449',
   $pureWhite: '#ffffff',
+  $notificationBorder: '#fff',
 
   // Devices Sizes
   $deviceHeight: Dimensions.get('window').height,