/
DetailPubKey.js
70 lines (68 loc) · 1.72 KB
/
DetailPubKey.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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
import React, { PureComponent } from 'react'
import { Clipboard } from 'react-native'
import { colors } from '../../../constants'
import {
Flex,
Screen,
Header,
Button,
TextInputMultilineFix,
} from '../../Library'
import {
padding,
paddingVertical,
textTiny,
marginTop,
rounded,
} from '../../../styles'
export default class DetailPublicKey extends PureComponent {
static navigationOptions = ({ navigation }) => ({
tabBarVisible: false,
header: <Header navigation={navigation} title='Public key' backBtn />,
})
render () {
const id = this.props.navigation.getParam('id')
return (
<Screen style={[{ backgroundColor: colors.white }, paddingVertical]}>
<Flex.Rows style={[padding]} align='center'>
<TextInputMultilineFix
style={[
{
width: 330,
height: 330,
backgroundColor: colors.grey7,
color: colors.black,
flexWrap: 'wrap',
},
textTiny,
padding,
marginTop,
rounded,
]}
multiline
value={id}
selectTextOnFocus
/>
<Flex.Cols align='start'>
<Flex.Rows>
<Button
icon='copy'
background={colors.blue}
margin
padding
rounded={23}
height={24}
medium
middle
center
onPress={() => Clipboard.setString(id)}
>
COPY THE KEY
</Button>
</Flex.Rows>
</Flex.Cols>
</Flex.Rows>
</Screen>
)
}
}