@@ -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