@ -44,7 +44,7 @@ var CodeMirrorEditor = React.createClass({
}
}
return (
return (
< div class = { this . props . className } >
< div className = { this . props . className } >
{ editor }
{ editor }
< / d i v >
< / d i v >
) ;
) ;
@ -76,22 +76,22 @@ var ReactPlayground = React.createClass({
content =
content =
< CodeMirrorEditor
< CodeMirrorEditor
onChange = { this . bindState ( 'code' ) }
onChange = { this . bindState ( 'code' ) }
class = "playgroundStage"
className = "playgroundStage"
codeText = { this . state . code }
codeText = { this . state . code }
/ > ;
/ > ;
} else if ( this . state . mode === this . MODES . JS ) {
} else if ( this . state . mode === this . MODES . JS ) {
content =
content =
< div class = "playgroundJS playgroundStage" >
< div className = "playgroundJS playgroundStage" >
{ this . getDesugaredCode ( ) }
{ this . getDesugaredCode ( ) }
< / d i v > ;
< / d i v > ;
}
}
return (
return (
< div class = "playground" >
< div className = "playground" >
< div class = "playgroundCode" >
< div className = "playgroundCode" >
{ content }
{ content }
< / d i v >
< / d i v >
< div class = "playgroundPreview" >
< div className = "playgroundPreview" >
< div ref = "mount" / >
< div ref = "mount" / >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
@ -121,7 +121,7 @@ var ReactPlayground = React.createClass({
}
}
} catch ( e ) {
} catch ( e ) {
React . renderComponent (
React . renderComponent (
< div content = { e . toString ( ) } class = "playgroundError" / > ,
< div content = { e . toString ( ) } className = "playgroundError" / > ,
mountNode
mountNode
) ;
) ;
}
}