@@ -2,21 +2,21 @@ import * as React from 'react'
2
2
import * as T from 'typings'
3
3
4
4
interface Props extends T . MachineContext {
5
- state : string
6
- children : React . ReactElement
5
+ state : string
6
+ children : React . ReactElement
7
7
}
8
8
9
9
const Debugger = ( { state, children, env, position, progress, processes, tutorial } : Props ) => (
10
- < div style = { { backgroundColor : '#FFFF99' , color : 'black' , padding : '.5rem' } } >
11
- < h4 > state: { state } </ h4 >
12
- < p > MachineId: { env . machineId } </ p >
13
- < p > SessionId: { env . sessionId } </ p >
14
- < p > tutorial: { tutorial ? tutorial . id : 'none' } </ p >
15
- < p style = { { backgroundColor : 'khaki' , padding : '.5rem' } } > position: { JSON . stringify ( position ) } </ p >
16
- < p style = { { backgroundColor : 'moccasin' , padding : '.5rem' } } > progress: { JSON . stringify ( progress ) } </ p >
17
- < p style = { { backgroundColor : 'beige' , padding : '.5rem' } } > processes: { JSON . stringify ( processes ) } </ p >
18
- { children }
19
- </ div >
10
+ < div style = { { backgroundColor : '#FFFF99' , color : 'black' , padding : '.5rem' } } >
11
+ < h4 > state: { state } </ h4 >
12
+ < p > MachineId: { env . machineId } </ p >
13
+ < p > SessionId: { env . sessionId } </ p >
14
+ < p > tutorial: { tutorial ? tutorial . id : 'none' } </ p >
15
+ < p style = { { backgroundColor : 'khaki' , padding : '.5rem' } } > position: { JSON . stringify ( position ) } </ p >
16
+ < p style = { { backgroundColor : 'moccasin' , padding : '.5rem' } } > progress: { JSON . stringify ( progress ) } </ p >
17
+ < p style = { { backgroundColor : 'beige' , padding : '.5rem' } } > processes: { JSON . stringify ( processes ) } </ p >
18
+ { children }
19
+ </ div >
20
20
)
21
21
22
22
export default Debugger
0 commit comments