From a2f7336179ad95bf92fd5219b0f0bebe879620d9 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Fri, 25 Sep 2020 16:24:55 +0300
Subject: [PATCH] temp

---
 .../src/components/rightArea/RightArea.js     | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/wax-prosemirror-components/src/components/rightArea/RightArea.js b/wax-prosemirror-components/src/components/rightArea/RightArea.js
index 54fa39a30..920cb08e0 100644
--- a/wax-prosemirror-components/src/components/rightArea/RightArea.js
+++ b/wax-prosemirror-components/src/components/rightArea/RightArea.js
@@ -25,14 +25,27 @@ export default ({ area }) => {
     let annotationTop = 0;
     let boxHeight = 0;
     let top = 0;
+    let WaxSurface = {};
     const allCommentsTop = [];
+    let panelWrapper = {};
+    let panelWrapperHeight = {};
+    let activeComment = null;
+    if (main) {
+      WaxSurface = main.dom.getBoundingClientRect();
+
+      if (area === 'main') {
+      } else {
+        panelWrapper = document.getElementsByClassName('panelWrapper');
+        panelWrapperHeight = panelWrapper[0].getBoundingClientRect().height;
+      }
+    }
 
     each(marksNodes[area], (markNode, pos) => {
-      const WaxSurface = main.dom.getBoundingClientRect();
       const id =
         markNode instanceof Mark ? markNode.attrs.id : markNode.node.attrs.id;
 
-      const activeComment = commentPlugin.getState(activeView.state).comment;
+      if (activeView)
+        activeComment = commentPlugin.getState(activeView.state).comment;
 
       let isActive = false;
       if (activeComment && id === activeComment.attrs.id) isActive = true;
@@ -44,9 +57,6 @@ export default ({ area }) => {
           annotationTop =
             markNodeEl.getBoundingClientRect().top - WaxSurface.top;
       } else {
-        const panelWrapper = document.getElementsByClassName('panelWrapper');
-        const panelWrapperHeight = panelWrapper[0].getBoundingClientRect()
-          .height;
         markNodeEl = document
           .querySelector('#notes-container')
           .querySelector(`[data-id="${id}"]`);
-- 
GitLab