From 9304e2925df857ca652f894ac669f17319036fb2 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Sun, 15 Jan 2023 22:35:07 +0200
Subject: [PATCH] yjs comments

---
 .../components/ConnectedComment.js            | 20 ++++++++++++++-----
 .../components/FindAndReplaceTool.js          |  3 ++-
 .../TablesService/components/CreateTable.js   |  4 +++-
 3 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js b/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js
index b805180f6..347e79156 100644
--- a/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js
+++ b/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js
@@ -4,6 +4,7 @@ import { TextSelection } from 'prosemirror-state';
 import { last, maxBy } from 'lodash';
 import styled from 'styled-components';
 import { WaxContext, DocumentHelpers } from 'wax-prosemirror-core';
+import { v4 as uuidv4 } from 'uuid';
 import CommentBox from './ui/comments/CommentBox';
 
 const ConnectedCommentStyled = styled.div`
@@ -73,15 +74,24 @@ export default ({ comment, top, commentId, recalculateTops }) => {
     };
 
     comment.attrs.conversation.push(obj);
-
+    const id = uuidv4();
     allCommentsWithSameId.forEach(singleComment => {
-      dispatch(
-        tr
+      activeView.dispatch(
+        activeView.state.tr.removeMark(
+          singleComment.pos,
+          singleComment.pos + singleComment.node.nodeSize,
+          commentMark,
+        ),
+      );
+      activeView.dispatch(
+        activeView.state.tr
           .addMark(
             singleComment.pos,
-            singleComment.pos + singleComment.nodeSize,
+            singleComment.pos + singleComment.node.nodeSize,
             commentMark.create({
-              ...((comment && comment.attrs) || {}),
+              id,
+              group: comment.attrs.group,
+              viewid: comment.attrs.viewid,
               conversation: comment.attrs.conversation,
             }),
           )
diff --git a/wax-prosemirror-services/src/FindAndReplaceService/components/FindAndReplaceTool.js b/wax-prosemirror-services/src/FindAndReplaceService/components/FindAndReplaceTool.js
index 194ea9d62..b8a8603c5 100644
--- a/wax-prosemirror-services/src/FindAndReplaceService/components/FindAndReplaceTool.js
+++ b/wax-prosemirror-services/src/FindAndReplaceService/components/FindAndReplaceTool.js
@@ -8,7 +8,7 @@ import React, {
 } from 'react';
 
 import styled from 'styled-components';
-import { grid } from '@pubsweet/ui-toolkit';
+import { grid, override } from '@pubsweet/ui-toolkit';
 import { WaxContext, MenuButton } from 'wax-prosemirror-core';
 import FindAndReplaceComponent from './FindAndReplaceComponent';
 
@@ -23,6 +23,7 @@ const DropWrapper = styled.div`
   margin-top: ${grid(1)};
   position: absolute;
   top: 32px;
+  ${override('Wax.FindReplaceWrapper')}
 `;
 
 const FindAndReplaceTool = ({ item }) => {
diff --git a/wax-prosemirror-services/src/TablesService/components/CreateTable.js b/wax-prosemirror-services/src/TablesService/components/CreateTable.js
index e3fccffe0..5144c6526 100644
--- a/wax-prosemirror-services/src/TablesService/components/CreateTable.js
+++ b/wax-prosemirror-services/src/TablesService/components/CreateTable.js
@@ -6,7 +6,7 @@ import {
   MenuButton,
 } from 'wax-prosemirror-core';
 import styled from 'styled-components';
-import { grid } from '@pubsweet/ui-toolkit';
+import { grid, override } from '@pubsweet/ui-toolkit';
 import InsertTableTool from './InsertTableTool';
 
 const Wrapper = styled.div`
@@ -19,6 +19,8 @@ const DropWrapper = styled.div`
   background: white;
   margin-top: ${grid(1)};
   position: absolute;
+
+  ${override('Wax.CreateTableWrapper')}
 `;
 
 const CreateTable = ({ item }) => {
-- 
GitLab