From 0b24938dcebb3e62bcd69864ff100959bda1ba13 Mon Sep 17 00:00:00 2001
From: Cassie Tarakajian <ctarakajian@gmail.com>
Date: Wed, 12 Jun 2019 17:11:35 -0400
Subject: [PATCH] fixes #945 (#1102)

---
 client/modules/IDE/components/Editor.jsx | 11 +++++++++--
 client/styles/components/_editor.scss    |  3 +++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/client/modules/IDE/components/Editor.jsx b/client/modules/IDE/components/Editor.jsx
index 2b970660..892028c4 100644
--- a/client/modules/IDE/components/Editor.jsx
+++ b/client/modules/IDE/components/Editor.jsx
@@ -290,6 +290,11 @@ class Editor extends React.Component {
       'editor--options': this.props.editorOptionsVisible
     });
 
+    const editorHolderClass = classNames({
+      'editor-holder': true,
+      'editor-holder--hidden': this.props.file.fileType === 'folder' || this.props.file.url
+    });
+
     return (
       <section
         title="code editor"
@@ -322,7 +327,7 @@ class Editor extends React.Component {
             />
           </div>
         </header>
-        <div ref={(element) => { this.codemirrorContainer = element; }} className="editor-holder" >
+        <div ref={(element) => { this.codemirrorContainer = element; }} className={editorHolderClass} >
         </div>
         <EditorAccessibility
           lintMessages={this.props.lintMessages}
@@ -352,7 +357,9 @@ Editor.propTypes = {
   file: PropTypes.shape({
     name: PropTypes.string.isRequired,
     content: PropTypes.string.isRequired,
-    id: PropTypes.string.isRequired
+    id: PropTypes.string.isRequired,
+    fileType: PropTypes.string.isRequired,
+    url: PropTypes.string.isRequired
   }).isRequired,
   editorOptionsVisible: PropTypes.bool.isRequired,
   showEditorOptions: PropTypes.func.isRequired,
diff --git a/client/styles/components/_editor.scss b/client/styles/components/_editor.scss
index 630bc936..e6f9f9f4 100644
--- a/client/styles/components/_editor.scss
+++ b/client/styles/components/_editor.scss
@@ -328,6 +328,9 @@ pre.CodeMirror-line {
   height: calc(100% - #{29 / $base-font-size}rem);
   width: 100%;
   position: absolute;
+  &.editor-holder--hidden {
+    display: none;
+  }
 }
 
 .editor__header {