From 10487202d52e45733d4868f2ab362b3794fbb04b Mon Sep 17 00:00:00 2001
From: u-e <ugurerdal93@gmail.com>
Date: Fri, 21 Dec 2018 16:52:46 +0300
Subject: [PATCH] enhanced designs

---
 src/components/header/view/headerView.js               | 10 ++++++++--
 .../notificationLine/view/notificationLineStyles.js    |  4 ++--
 .../notificationLine/view/notificationLineView.js      | 10 +++++-----
 src/themes/darkTheme.js                                |  2 ++
 src/themes/lightTheme.js                               |  1 +
 5 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/components/header/view/headerView.js b/src/components/header/view/headerView.js
index 244bbc6cc..ecd3ad9c7 100644
--- a/src/components/header/view/headerView.js
+++ b/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,
diff --git a/src/components/notificationLine/view/notificationLineStyles.js b/src/components/notificationLine/view/notificationLineStyles.js
index 3c5a401e9..a754be87e 100644
--- a/src/components/notificationLine/view/notificationLineStyles.js
+++ b/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',
diff --git a/src/components/notificationLine/view/notificationLineView.js b/src/components/notificationLine/view/notificationLineView.js
index 2c55100bd..231845cda 100644
--- a/src/components/notificationLine/view/notificationLineView.js
+++ b/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`,
diff --git a/src/themes/darkTheme.js b/src/themes/darkTheme.js
index a8ec04110..63f81f612 100644
--- a/src/themes/darkTheme.js
+++ b/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,
diff --git a/src/themes/lightTheme.js b/src/themes/lightTheme.js
index 9e0cd6aed..f2e91fdaf 100644
--- a/src/themes/lightTheme.js
+++ b/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,