update term adn condition

frontend/src/components/dialog/terms-editor-dialog.js

@@ -13,6 +13,14 @@ const propTypes = {
 
 class TermsEditorDialog extends React.Component {
 
+  constructor(props) {
+    super(props);
+    this.state = {
+      isValueChanged: false,
+    };
+    this.editorRef = React.createRef();
+  }
+
   static defaultProps = {
     title: gettext('Terms'),
   };
@@ -22,20 +30,20 @@ class TermsEditorDialog extends React.Component {
   };
 
   toggle = () => {
-    if (this.isContentChanged()) {
+    const { isValueChanged } = this.state;
+    if (isValueChanged) {
       let currentContent = this.getCurrentContent();
       this.props.onCommit(currentContent);
     }
     this.props.onCloseEditorDialog();
   };
 
-  isContentChanged = () => {
-    return this.simpleEditor.hasContentChange();
+  onValueChanged = () => {
+    return this.setState({isValueChanged: true});
   };
 
   getCurrentContent = () => {
-    let markdownContent = this.simpleEditor.getMarkdown();
-    return markdownContent;
+    return this.editorRef.current.getValue();
   };
 
   setSimpleEditorRef = (editor) => {
@@ -58,8 +66,9 @@ class TermsEditorDialog extends React.Component {
         <ModalHeader className="conditions-editor-dialog-title" toggle={this.toggle}>{title}</ModalHeader>
         <ModalBody className={'conditions-editor-dialog-main'}>
           <SimpleEditor
-            onRef={this.setSimpleEditorRef.bind(this)}
+            ref={this.editorRef}
             value={content || ''}
+            onValueChanged={this.onValueChanged}
           />
         </ModalBody>
       </Modal>