Renames FramedSegment to Segment

components/settings/nfp-settings/index.js

@@ -5,7 +5,7 @@ import {
 import styles from '../../../styles'
 import labels from '../../../i18n/en/settings'
 import AppText from '../../common/app-text'
-import FramedSegment from '../../common/framed-segment'
+import Segment from '../../common/segment'
 import TempSlider from './temp-slider'
 import UseCervixSetting from './use-cervix'
 import Icon from 'react-native-vector-icons/Entypo'
@@ -19,20 +19,20 @@ export default class Settings extends Component {
   render() {
     return (
       <ScrollView>
-        <FramedSegment title={labels.useCervix.title}>
+        <Segment title={labels.useCervix.title}>
           <UseCervixSetting/>
-        </FramedSegment>
-        <FramedSegment title={labels.tempScale.segmentTitle}>
+        </Segment>
+        <Segment title={labels.tempScale.segmentTitle}>
           <AppText>{labels.tempScale.segmentExplainer}</AppText>
           <TempSlider/>
-        </FramedSegment>
-        <FramedSegment style={styles.framedSegmentLast} >
+        </Segment>
+        <Segment style={styles.framedSegmentLast} >
           <View style={{flexDirection: 'row', alignItems: 'center'}}>
             <Icon name="info-with-circle"/>
             <AppText style={styles.framedSegmentTitle}>{` ${labels.preOvu.title} `}</AppText>
           </View>
           <AppText>{labels.preOvu.note}</AppText>
-        </FramedSegment>
+        </Segment>
       </ScrollView>
     )
   }