feat(desktop): add border on split views

Signed-off-by: Sacha Froment <sfroment42@gmail.com>
berty · Mar 21, 2019 · edc6510 · edc6510
1 parent b38bb62
commit edc6510
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/client/react-native/common/components/Navigator/SplitNavigator.js b/client/react-native/common/components/Navigator/SplitNavigator.js
@@ -3,6 +3,8 @@ import { Dimensions, View } from 'react-native'
 import createTabNavigator from 'react-navigation-tabs/src/utils/createTabNavigator'
 import { createSwitchNavigator, createBottomTabNavigator } from 'react-navigation'
 
+import colors from '../../constants/colors'
+
 class SplitterView extends React.PureComponent {
   constructor (props) {
     super(props)
@@ -38,7 +40,13 @@ class SplitterView extends React.PureComponent {
     const isPlaceholder = state.routes[1].routes[state.routes[1].index].routeName === 'placeholder'
 
     return <View style={{ flex: 1, flexDirection: 'row' }}>
-      <View style={{ width: narrow ? '100%' : 350, display: narrow && !isPlaceholder ? 'none' : 'flex' }}>
+      <View style={{
+        borderRightColor: colors.borderGrey,
+        borderStyle: 'solid',
+        borderRightWidth: narrow ? 0 : 1,
+        width: narrow ? '100%' : 350,
+        display: narrow && !isPlaceholder ? 'none' : 'flex',
+      }}>
         {renderScene({ route: state.routes[0] })}
       </View>
       <View style={{ flex: 1, display: narrow && isPlaceholder ? 'none' : 'flex' }}>