WebUI dispatcher log / nnimanager log wrap (#3461)

microsoft · Mar 24, 2021 · f84d90d · f84d90d
1 parent 636ca9b
commit f84d90d
Showing 1 changed file with 18 additions and 13 deletions.
diff --git a/ts/webui/src/components/public-child/MonacoEditor.tsx b/ts/webui/src/components/public-child/MonacoEditor.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { Spinner } from '@fluentui/react';
-import { DRAWEROPTION } from '../../static/const';
 import MonacoEditor from 'react-monaco-editor';
 
 interface MonacoEditorProps {
@@ -10,20 +9,10 @@ interface MonacoEditorProps {
 }
 
 class MonacoHTML extends React.Component<MonacoEditorProps, {}> {
-    public _isMonacoMount!: boolean;
-
     constructor(props: MonacoEditorProps) {
         super(props);
     }
 
-    componentDidMount(): void {
-        this._isMonacoMount = true;
-    }
-
-    componentWillUnmount(): void {
-        this._isMonacoMount = false;
-    }
-
     render(): React.ReactNode {
         const { content, loading, height } = this.props;
         return (
@@ -40,11 +29,27 @@ class MonacoHTML extends React.Component<MonacoEditorProps, {}> {
                             height={height}
                             language='json'
                             value={content}
-                            options={DRAWEROPTION}
+                            options={{
+                                minimap: { enabled: false },
+                                readOnly: true,
+                                automaticLayout: true,
+                                wordWrap: 'on'
+                            }}
                         />
                     </Spinner>
                 ) : (
-                    <MonacoEditor width='100%' height={height} language='json' value={content} options={DRAWEROPTION} />
+                    <MonacoEditor
+                        width='100%'
+                        height={height}
+                        language='json'
+                        value={content}
+                        options={{
+                            minimap: { enabled: false },
+                            readOnly: true,
+                            automaticLayout: true,
+                            wordWrap: 'on'
+                        }}
+                    />
                 )}
             </React.Fragment>
         );