djkato/saleor-apps-redis_apl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use memo on Editor

Browse source
This commit is contained in:
Krzysztof Wolski 2023-03-07 19:58:02 +01:00
parent 03d479f348
commit 876591a8c8
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
apps/emails-and-messages/src/modules/ui/code-editor.tsx
View file

@ -1,4 +1,4 @@
import React, { useRef } from "react";
import React, { useCallback, useRef } from "react";
import Editor from "@monaco-editor/react";
import { useTheme } from "@saleor/macaw-ui";
@ -19,6 +19,14 @@ export const CodeEditor = ({ initialTemplate, onChange, value, language }: Props
editorRef.current = editor;
}
const handleOnChange = useCallback(
(value?: string) => {
console.log("ON CHANGE");
onChange(value ?? "");
},
[value]
);
return (
<>
<Editor
@ -29,9 +37,7 @@ export const CodeEditor = ({ initialTemplate, onChange, value, language }: Props
defaultLanguage={language}
defaultValue={initialTemplate}
onMount={handleEditorDidMount}
onChange={(value) => {
onChange(value ?? "");
}}
onChange={handleOnChange}
/>
</>
);