From c16508bfc3dba596e849908b085b4cb6e5ae2001 Mon Sep 17 00:00:00 2001 From: Sergey Okishev Date: Thu, 27 Jul 2017 16:03:59 +0700 Subject: [PATCH] link modal closing example --- .../src/components/LinkModal/index.js | 13 +++++++++++++ draft-js-toolbar-plugin/src/index.js | 1 + 2 files changed, 14 insertions(+) diff --git a/draft-js-modal-plugin/src/components/LinkModal/index.js b/draft-js-modal-plugin/src/components/LinkModal/index.js index 180124c..b29ebfb 100644 --- a/draft-js-modal-plugin/src/components/LinkModal/index.js +++ b/draft-js-modal-plugin/src/components/LinkModal/index.js @@ -40,6 +40,19 @@ class Link extends Component { componentDidMount () { ReactDOM.findDOMNode(this.refs.textInput).focus() + this.props.store.subscribeToItem('editorState', this.onEditorStateChange) + } + + componentWillUnmount() { + this.props.store.unsubscribeFromItem( + 'editorState', + this.onEditorStateChange, + ) + } + + onEditorStateChange (editorState) { + console.log('onEditorStateChanged ') + this.props.closeModal() } onUrlChange (event) { diff --git a/draft-js-toolbar-plugin/src/index.js b/draft-js-toolbar-plugin/src/index.js index d359a49..19c8ba5 100644 --- a/draft-js-toolbar-plugin/src/index.js +++ b/draft-js-toolbar-plugin/src/index.js @@ -77,6 +77,7 @@ const createToolbarPlugin = (config = {}) => { } else { store.updateItem('isVisible', false) } + store.updateItem('editorState', editorState) return editorState }, Toolbar: decorateComponentWithProps(Toolbar, toolbarProps)