@@ -2,21 +2,21 @@ import * as React from 'react'
22import * as T from 'typings'
33
44interface Props extends T . MachineContext {
5- state : string
6- children : React . ReactElement
5+ state : string
6+ children : React . ReactElement
77}
88
99const 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 >
2020)
2121
2222export default Debugger
0 commit comments