refactor password page

components/settings/password/index.js

@@ -3,6 +3,7 @@ import { View, ScrollView } from 'react-native'
 import CreatePassword from './create'
 import ChangePassword from './update'
 import DeletePassword from './delete'
+import SettingsSegment from '../settings-segment'
 import AppText from '../../app-text'
 import {
   hasEncryptionObservable
@@ -22,11 +23,7 @@ export default class PasswordSetting extends Component {
   render() {
     return (
       <ScrollView>
-        <View style={styles.settingsSegment}>
-
-          <AppText style={styles.settingsSegmentTitle}>
-            {labels.passwordSettings.title}
-          </AppText>
+        <SettingsSegment title={labels.passwordSettings.title}>
 
           {this.state.showUpdateAndDelete ?
             <AppText>{labels.passwordSettings.explainerEnabled}</AppText>
@@ -45,7 +42,7 @@ export default class PasswordSetting extends Component {
           <CreatePassword/>
           }
 
-        </View>
+        </SettingsSegment>
       </ScrollView>
     )
   }