Make settings headers also drag the window

1 files changed, 5 insertions, 4 deletions

diff --git a/app/components/Settings.js b/app/components/Settings.js
index 260003b5c6..4a8784fe0e 100644
--- a/app/components/Settings.js
+++ b/app/components/Settings.js
@@ -1,11 +1,12 @@
 // @flow
 import moment from 'moment';
 import * as React from 'react';
-import { Component, Text, View } from 'reactxp';
+import { Component, View } from 'reactxp';
 import * as AppButton from './AppButton';
 import * as Cell from './Cell';
 import { Layout, Container } from './Layout';
 import NavigationBar, { CloseBarItem } from './NavigationBar';
+import SettingsHeader, { HeaderTitle } from './SettingsHeader';
 import CustomScrollbars from './CustomScrollbars';
 import styles from './SettingsStyles';
 import Img from './Img';
@@ -37,9 +38,9 @@ export default class Settings extends Component<SettingsProps> {
             </NavigationBar>
 
             <View style={styles.settings__container}>
-              <View style={styles.settings__header}>
-                <Text style={styles.settings__title}>Settings</Text>
-              </View>
+              <SettingsHeader>
+                <HeaderTitle>Settings</HeaderTitle>
+              </SettingsHeader>
 
               <CustomScrollbars style={styles.settings__scrollview} autoHide={true}>
                 <View style={styles.settings__content}>