Fix weird behavior when content has empty string

Author: congmul

src/components/Editor/Editor.tsx

@@ -16,7 +16,7 @@ const Editor:React.FC<EditorTypes> = ({ content, setContent }) => {
     const [ lintErrors, setLintErrors ] = useState<any[]>([]);
 
     useEffect(() => {
-        content && lintScan(content).then((res:any) => {
+        content != null && lintScan(content).then((res:any) => {
             setLintErrors(res);
             applyErrorMarkers(res, editorRef.current, monacoRef.current)
         });
@@ -29,7 +29,7 @@ const Editor:React.FC<EditorTypes> = ({ content, setContent }) => {
             size={'80%'}
         >
             <div className="monaco-editor-wrapper">
-                <MonacoEditor editorRef={editorRef} monacoRef={monacoRef} content={content} setContent={setContent} />
+            {content != null && <MonacoEditor editorRef={editorRef} monacoRef={monacoRef} content={content} setContent={setContent} />}
             </div>
             <EditorTerminal editorRef={editorRef} lintErrors={lintErrors} />
         </ReactSplitPane>

src/components/Editor/components/MonacoEditor.tsx

@@ -25,8 +25,7 @@ const MonacoEditor:React.FC<MonacoEditorTypes> = ({ editorRef, monacoRef, conten
     }
     return(<>
         {
-            content 
-            ? <Editor 
+            <Editor 
                 onMount={handleEditorDidMount}
                 height="100%"
                 defaultLanguage="json"
@@ -38,9 +37,6 @@ const MonacoEditor:React.FC<MonacoEditorTypes> = ({ editorRef, monacoRef, conten
                     foldingStrategy: "indentation"
                 }}
             />
-            : <div className="d-flex align-items-center justify-content-center h-100">
-                <Spinner />
-            </div>
         }
     </>)
 }