Fix(GUI): white-spacing in monaco editor (#74)

* removed the whitespace in monaco editor Signed-off-by: Mahesh Patil <[email protected]> * Fixed whitspace and formatting Signed-off-by: Mahesh Patil <[email protected]> --------- Signed-off-by: Mahesh Patil <[email protected]>
accordproject · Jun 21, 2024 · 355364d · 355364d
1 parent 5b1f7ee
commit 355364d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/ConcertoEditor.tsx b/src/ConcertoEditor.tsx
@@ -3,7 +3,9 @@ import { editor } from 'monaco-editor';
 
 const options:editor.IStandaloneEditorConstructionOptions = {
   minimap: { enabled: false },
-  wordWrap: "on"
+  wordWrap: "on",
+  automaticLayout:true,
+  scrollBeyondLastLine: false,
 }
 const concertoKeywords = ['map','concept','from','optional','default','range','regex','length','abstract','namespace','import', 'enum', 'scalar', 'extends', 'default', 'participant','asset', 'o','identified by','transaction','event'];
 const concertoTypes = ['String','Integer','Double','DateTime','Long','Boolean']

diff --git a/src/JSONEditor.tsx b/src/JSONEditor.tsx
@@ -4,7 +4,8 @@ import { editor } from 'monaco-editor';
 const options:editor.IStandaloneEditorConstructionOptions = {
   minimap: { enabled: false },
   wordWrap: "on",
-  automaticLayout:true
+  automaticLayout:true,
+  scrollBeyondLastLine: false,
 }
 
 export default function JSONEditor( {value, onChange} : {value: string, onChange?: (value:string|undefined) => void} ) {

diff --git a/src/MarkdownEditor.tsx b/src/MarkdownEditor.tsx
@@ -3,13 +3,16 @@ import { editor } from 'monaco-editor';
 
 const options:editor.IStandaloneEditorConstructionOptions = {
   minimap: { enabled: false },
-  wordWrap: "on"
+  wordWrap: "on",
+  automaticLayout:true,
+  scrollBeyondLastLine: false,
 }
 
 export default function MarkdownEditor( {value, onChange} : {value: string, onChange?: (value:string|undefined) => void} ) {
   return (
     <div className="editorwrapper">
-        <monaco.Editor options={ options } height="60vh" value={value} onChange={onChange}/>
+        <monaco.Editor options={ options } 
+        language='markdown' height="60vh" value={value} onChange={onChange}/>
     </div>
   );
 }