js console fix (#421)

Author: sadakchap

src/components/CodeEditor/CodeEditor.react.js

@@ -25,8 +25,10 @@ export default class CodeEditor extends React.Component {
     if (this.state.code !== props.code) {
       this.setState({ code: props.code });
     }
-    require(`ace-builds/src-noconflict/mode-${props.mode}`);
-    require(`ace-builds/src-noconflict/snippets/${props.mode}`);
+    if (props.mode) {
+      require(`ace-builds/src-noconflict/mode-${props.mode}`);
+      require(`ace-builds/src-noconflict/snippets/${props.mode}`);
+    }
   }
 
   get value() {
@@ -38,7 +40,7 @@ export default class CodeEditor extends React.Component {
   }
 
   render() {
-    const { placeHolder, fontSize = 18, mode } = this.props;
+    const { placeHolder, fontSize = 18, mode = 'javascript' } = this.props;
     const { code } = this.state;
 
     return (

src/dashboard/Data/Playground/Playground.react.js

@@ -146,7 +146,7 @@ export default class Playground extends Component {
     return React.cloneElement(
       <div className={styles['playground-ctn']}>
         <Toolbar section={this.section} subsection={this.subsection} />
-        <div style={{ minHeight: '25vh' }}>
+        <div style={{ height: 'calc(100vh - 96px)' }}>
           <CodeEditor
             placeHolder={`const myObj = new Parse.Object('MyClass');
 myObj.set('myField', 'Hello World!')

src/dashboard/Data/Playground/Playground.scss

@@ -1,5 +1,5 @@
 .playground-ctn {
-  padding-top: 96px;
+  padding-top: 48px;
   background-color: #002b36;
   height: 100vh;
 }