-
Notifications
You must be signed in to change notification settings - Fork 376
/
List.js
122 lines (115 loc) · 3.36 KB
/
List.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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
import { ActivityIndicator, NativeModules } from 'react-native'
import React, { PureComponent } from 'react'
import { Flex, Header, Menu, Screen, Text } from '../../../Library'
import { colors } from '../../../../constants'
import { queries } from '../../../../graphql'
const { CoreModule } = NativeModules
export default class List extends PureComponent {
static navigationOptions = ({ navigation }) => ({
header:
navigation.getParam('restartDaemon') ||
navigation.getParam('panic') ? null : (
<Header
navigation={navigation}
title='Developer Tools'
titleIcon='terminal'
backBtn
/>
),
tabBarVisible: false,
})
state = {
restartDaemon: false,
panic: false,
}
restartDaemon = async () => {
this.props.navigation.setParams({ restartDaemon: true })
this.setState({ restartDaemon: true }, async () => {
try {
await CoreModule.restart()
await CoreModule.getPort()
this.props.navigation.setParams({
restartDaemon: false,
})
this.setState({ restartDaemon: false })
} catch (err) {
console.error(err)
}
})
}
panic = async () => {
this.props.navigation.setParams({ panic: true })
this.setState({ panic: true }, async () => {
try {
queries.Panic.fetch()
await CoreModule.getPort()
this.props.navigation.setParams({
panic: false,
})
this.setState({ panic: false })
} catch (err) {
console.error(err)
}
})
}
render () {
const { navigation } = this.props
const { restartDaemon, panic } = this.state
if (restartDaemon || panic) {
return (
<Screen style={{ backgroundColor: colors.white }}>
<Flex.Rows align='center'>
<Flex.Cols align='end'>
<ActivityIndicator size='large' />
</Flex.Cols>
<Text center margin align='start'>
{restartDaemon && 'Daemon is restarting, please wait ...'}
{panic && 'Daemon has been panicked, please wait ...'}
</Text>
</Flex.Rows>
</Screen>
)
}
return (
<Menu>
<Menu.Section customMarginTop={1}>
<Menu.Item
icon='info'
title='Device infos'
onPress={() => navigation.push('devtools/deviceinfos')}
/>
</Menu.Section>
<Menu.Section>
<Menu.Item
icon='refresh-ccw'
title='Restart daemon'
onPress={this.restartDaemon}
/>
<Menu.Item icon='alert-triangle' title='Panic' onPress={this.panic} />
<Menu.Item
icon='list'
title='List events'
onPress={() => navigation.push('devtools/eventlist')}
/>
</Menu.Section>
<Menu.Section>
<Menu.Item
icon='database'
title='Database'
onPress={() => navigation.push('devtools/database')}
/>
<Menu.Item
icon='activity'
title='Network'
onPress={() => navigation.push('devtools/network')}
/>
<Menu.Item
icon='check-circle'
title='Integration tests'
onPress={() => navigation.push('devtools/tests')}
/>
</Menu.Section>
</Menu>
)
}
}