From 74575498153285887bd7f6d17ee16ebb20392b0b Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Fri, 16 Apr 2021 13:56:25 +0300
Subject: [PATCH] pass unique id
---
.../components/TestComponentPortal.js | 25 -------------------
.../src/PortalService/portalPlugin.js | 3 ++-
2 files changed, 2 insertions(+), 26 deletions(-)
delete mode 100644 editors/demo/src/HHMI/MultipleChoiceQuestionService/components/TestComponentPortal.js
diff --git a/editors/demo/src/HHMI/MultipleChoiceQuestionService/components/TestComponentPortal.js b/editors/demo/src/HHMI/MultipleChoiceQuestionService/components/TestComponentPortal.js
deleted file mode 100644
index f40a9b2e0..000000000
--- a/editors/demo/src/HHMI/MultipleChoiceQuestionService/components/TestComponentPortal.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import React, { useContext } from 'react';
-import { WaxContext } from 'wax-prosemirror-core';
-import {isEmpty} from 'lodash';
-import ReactDOM from 'react-dom';
-import { v4 as uuidv4 } from 'uuid';
-import TestComponent from './TestComponent';
-
-export default () => {
- const { activeView } = useContext(WaxContext);
-
- // useEffect(() => {
- // const editorViewDOM = editorViewRef.current;
- // if (editorViewDOM) {
- // createEditorView(editorViewDOM);
- // }
- // }, [createEditorView]);
-
- //
-
- if (isEmpty(activeView)) return null
-
- if (!activeView.state.multipleChoicePlugin$.dom) return null
-
- return ReactDOM.createPortal(<TestComponent />, document.getElementById('portalId'), uuidv4())
- };
\ No newline at end of file
diff --git a/wax-prosemirror-services/src/PortalService/portalPlugin.js b/wax-prosemirror-services/src/PortalService/portalPlugin.js
index c4482c7af..c55828fd8 100644
--- a/wax-prosemirror-services/src/PortalService/portalPlugin.js
+++ b/wax-prosemirror-services/src/PortalService/portalPlugin.js
@@ -1,11 +1,12 @@
import { Plugin, PluginKey } from 'prosemirror-state';
+import { v4 as uuidv4 } from 'uuid';
const portalPlugin = new PluginKey('portalPlugin');
class ReactNodeView {
constructor(node, view, getPos, decorations, createPortal, Component) {
this.dom = document.createElement('div');
- this.dom.id = 'portalId';
+ this.dom.id = uuidv4();
this.dom.classList.add('portal');
createPortal(this.dom, Component, node, view, getPos, decorations);
--
GitLab