fix new editor

asyncapi · Dec 13, 2021 · 72b7298 · 72b7298
1 parent d37d4be
commit 72b7298
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/NewEditor/Editor.tsx b/src/components/NewEditor/Editor.tsx
@@ -10,12 +10,13 @@ import { MonacoService, EditorsManager, FilesManager, SpecificationService } fro
 
 import state from '../../state';
 import { TabContext } from '../Panels/Tabs';
+import { sampleSpec } from '../../state/editor';
 
 interface EditorProps extends MonacoEditorProps {}
 
 export const Editor: React.FunctionComponent<EditorProps> = (props = {}) => {
   const { currentTab, tab } = useContext(TabContext);
-  const { file } = tab.metadata || {};
+  const { file = {} } = tab.metadata || {};
 
   const editorState = state.useEditorState();
   const parserState = state.useParserState();
@@ -70,8 +71,8 @@ export const Editor: React.FunctionComponent<EditorProps> = (props = {}) => {
 
   return (
     <MonacoEditor
-      language={file.extension}
-      defaultValue={file.content}
+      language={file.extension || 'yaml'}
+      defaultValue={file.content || sampleSpec}
       theme="asyncapi-theme"
       onMount={handleEditorDidMount}
       onChange={onChange}