/
Edit.js
51 lines (46 loc) · 1.28 KB
/
Edit.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
import React, { PureComponent } from 'react'
import { Header, Menu, Badge, Avatar } from '../../../Library'
import { colors } from '../../../../constants'
import { choosePicture } from '../../../../helpers/react-native-image-picker'
import I18n from 'i18next'
export default class Edit extends PureComponent {
static navigationOptions = ({ navigation }) => ({
header: (
<Header
navigation={navigation}
title={I18n.t('contacts.details')}
rightBtnIcon={'save'}
onPressRightBtn={() => console.log('Saved')}
backBtn
/>
),
})
state = {
uri: null,
}
onChoosePicture = async event => this.setState(await choosePicture(event))
render () {
const contact = this.props.navigation.getParam('contact') || {}
return (
<Menu>
<Menu.Header
icon={
<Badge
background={colors.blue}
icon='camera'
medium
onPress={this.onChoosePicture}
>
<Avatar data={contact} size={78} />
</Badge>
}
/>
<Menu.Section title='Nickname'>
<Menu.Input
value={contact.overrideDisplayName || contact.displayName || ''}
/>
</Menu.Section>
</Menu>
)
}
}