fix monaco editor blinking

This commit is contained in:
Sidney Alcantara
2021-11-11 16:09:20 +11:00
parent 5d526d4687
commit 5021d204ed
5 changed files with 29 additions and 21 deletions

View File

@@ -163,7 +163,7 @@ export default function useMonacoCustomizations({
error
);
}
}, [tableState?.columns, monaco, extraLibs]);
}, [tableState?.columns, monaco, diagnosticsOptions, extraLibs]);
let boxSx: SxProps<Theme> = {
minWidth: 400,

View File

@@ -32,6 +32,12 @@ const additionalVariables = [
},
];
const diagnosticsOptions = {
noSemanticValidation: false,
noSyntaxValidation: false,
noSuggestionDiagnostics: true,
};
export default function Step3Conditions({
extensionObject,
setExtensionObject,
@@ -57,11 +63,7 @@ export default function Step3Conditions({
if (!conditionEditorActiveRef.current) return;
setValidation({ ...validationRef.current!, condition: isValid });
}}
diagnosticsOptions={{
noSemanticValidation: false,
noSyntaxValidation: false,
noSuggestionDiagnostics: true,
}}
diagnosticsOptions={diagnosticsOptions}
onMount={() => setConditionEditorActive(true)}
onUnmount={() => setConditionEditorActive(false)}
/>

View File

@@ -34,6 +34,12 @@ const additionalVariables = [
},
];
const diagnosticsOptions = {
noSemanticValidation: false,
noSyntaxValidation: false,
noSuggestionDiagnostics: true,
};
export default function Step4Body({
extensionObject,
setExtensionObject,
@@ -61,11 +67,7 @@ export default function Step4Body({
extensionBody: isValid,
});
}}
diagnosticsOptions={{
noSemanticValidation: false,
noSyntaxValidation: false,
noSuggestionDiagnostics: true,
}}
diagnosticsOptions={diagnosticsOptions}
onMount={() => setBodyEditorActive(true)}
onUnmount={() => setBodyEditorActive(false)}
/>

View File

@@ -13,6 +13,12 @@ const additionalVariables = [
},
];
const diagnosticsOptions = {
noSemanticValidation: false,
noSyntaxValidation: false,
noSuggestionDiagnostics: true,
};
export default function Step3Conditions({
webhookObject,
setWebhookObject,
@@ -38,11 +44,7 @@ export default function Step3Conditions({
if (!conditionEditorActiveRef.current) return;
setValidation({ ...validationRef.current!, condition: isValid });
}}
diagnosticsOptions={{
noSemanticValidation: false,
noSyntaxValidation: false,
noSuggestionDiagnostics: true,
}}
diagnosticsOptions={diagnosticsOptions}
onMount={() => setConditionEditorActive(true)}
onUnmount={() => setConditionEditorActive(false)}
/>

View File

@@ -14,6 +14,12 @@ const additionalVariables = [
},
];
const diagnosticsOptions = {
noSemanticValidation: false,
noSyntaxValidation: false,
noSuggestionDiagnostics: true,
};
export default function Step4Body({
webhookObject,
setWebhookObject,
@@ -41,11 +47,7 @@ export default function Step4Body({
parser: isValid,
});
}}
diagnosticsOptions={{
noSemanticValidation: false,
noSyntaxValidation: false,
noSuggestionDiagnostics: true,
}}
diagnosticsOptions={diagnosticsOptions}
onMount={() => setBodyEditorActive(true)}
onUnmount={() => setBodyEditorActive(false)}
/>