Merge pull request #46 from draft-js-plugins/example/hashtag

Add example for hashtag

Author: juliankrispel

examples/add-video-block/package-lock.json

@@ -9,8 +9,8 @@
     "@djsp/core": "^0.1.5",
     "@djsp/utils": "^0.1.5",
     "prop-types": "^15.6.1",
-    "react": "^16.5.0",
-    "react-dom": "^16.2.0",
+    "react": "16.5.0",
+    "react-dom": "16.5.0",
     "react-scripts": "^1.1.1",
     "react-text-selection-popover": "^1.0.3",
     "styled-components": "^3.4.5"

examples/add-video-block/package.json

@@ -28,30 +28,28 @@ class UnstyledBlock extends Component {
     return (
       <div className="paragraph">
         <EditorBlock {...this.props} />
-        {insertLink === true &&
-          block.getText().length === 0 && (
-            <div contentEditable={false} className="insert-link-placeholder">
-              Paste a youtube link
+        {insertLink === true && block.getText().length === 0 && (
+          <div contentEditable={false} className="insert-link-placeholder">
+            Paste a youtube link
+          </div>
+        )}
+        {insertLink === true && block.getText().length > 0 && (
+          <Fragment>
+            <div contentEditable={false} className="insert-link-instructions">
+              <span className="fa fa-video" /> Press enter when done
             </div>
-          )}
-        {insertLink === true &&
-          block.getText().length > 0 && (
-            <Fragment>
-              <div contentEditable={false} className="insert-link-instructions">
-                <span className="fa fa-video" /> Press enter when done
-              </div>
-              <Plugin
-                handleReturn={(event, editorState) => {
-                  onChange(
-                    replaceWithAtomicBlock(editorState, 'video', {
-                      src: block.getText(),
-                    })
-                  )
-                  return 'handled'
-                }}
-              />
-            </Fragment>
-          )}
+            <Plugin
+              handleReturn={(event, editorState) => {
+                onChange(
+                  replaceWithAtomicBlock(editorState, 'video', {
+                    src: block.getText(),
+                  })
+                )
+                return 'handled'
+              }}
+            />
+          </Fragment>
+        )}
         {showMenu && (
           <aside contentEditable={false} className="block-menu">
             <button onClick={() => this.setState({ insertLink: true })}>

examples/add-video-block/src/InsertBlock.js

@@ -9,8 +9,8 @@
     "@djsp/core": "^0.1.5",
     "emoji.json": "^11.0.0",
     "prop-types": "^15.6.1",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0",
+    "react": "16.5.0",
+    "react-dom": "16.5.0",
     "react-scripts": "^1.1.1"
   },
   "scripts": {

examples/atomic-block/package-lock.json

@@ -9,8 +9,8 @@
     "@djsp/core": "^0.1.5",
     "@djsp/utils": "^0.1.5",
     "prop-types": "^15.6.1",
-    "react": "^16.5.0",
-    "react-dom": "^16.2.0",
+    "react": "16.5.0",
+    "react-dom": "16.5.0",
     "react-scripts": "^1.1.1"
   },
   "scripts": {