Renames FramedSegment to Segment

components/settings/data-management/index.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { ScrollView, View } from 'react-native'
 import AppText from '../../common/app-text'
-import FramedSegment from '../../common/framed-segment'
+import Segment from '../../common/segment'
 import AppLoadingView from '../../common/app-loading'
 import SettingsButton from '../shared/settings-button'
 import { openImportDialog, getFileContent, importData } from './import-dialog'
@@ -58,21 +58,21 @@ export default class DataManagement extends Component {
         {!this.state.isLoading &&
           <ScrollView>
             <View>
-              <FramedSegment title={labels.export.button}>
+              <Segment title={labels.export.button}>
                 <AppText>{labels.export.segmentExplainer}</AppText>
                 <SettingsButton onPress={this.startExport}>
                   {labels.export.button}
                 </SettingsButton>
-              </FramedSegment>
-              <FramedSegment title={labels.import.button}>
+              </Segment>
+              <Segment title={labels.import.button}>
                 <AppText>{labels.import.segmentExplainer}</AppText>
                 <SettingsButton
                   onPress= {this.startImport}
                 >
                   {labels.import.button}
                 </SettingsButton>
-              </FramedSegment>
-              <FramedSegment
+              </Segment>
+              <Segment
                 title={labels.deleteSegment.title}
                 last
               >
@@ -81,7 +81,7 @@ export default class DataManagement extends Component {
                   isDeletingData = { currentAction === 'delete' }
                   onStartDeletion = {() => this.setCurrentAction('delete')}
                 />
-              </FramedSegment>
+              </Segment>
             </View>
           </ScrollView>
         }