more comment files

wax-prosemirror-components/src/components/comments/CommentBox.js

+import React, { useEffect, useRef, useContext } from "react";
+
+export default ({ node, view }) => {
+  useEffect(() => {}, []);
+};

wax-prosemirror-components/src/components/comments/CommentComponent.js

@@ -8,14 +8,7 @@ import React, {
 import styled from "styled-components";
 import { WaxContext } from "wax-prosemirror-core/src/ioc-react";
 import { DocumentHelpers } from "wax-prosemirror-utilities";
-
-const CommentComponentStyled = styled.div`
-  width: 100px;
-  height: 100px;
-  background: black;
-  display: flex;
-  flex-direction: row;
-`;
+import CommentsBoxList from "./CommentsBoxList";
 
 export default () => {
   const { view: { main } } = useContext(WaxContext);
@@ -29,7 +22,7 @@ export default () => {
   );
 
   const CommentComponent = useMemo(
-    () => <CommentComponentStyled view={main} />,
+    () => <CommentsBoxList comments={comments} view={main} />,
     [comments]
   );
   return <Fragment>{CommentComponent}</Fragment>;

wax-prosemirror-components/src/components/comments/CommentsBoxList.js

+import React, { Fragment } from "react";
+import CommentBox from "./CommentBox";
+
+export default ({ comments, view }) => {
+  return (
+    <Fragment>
+      {comments.map(comment => (
+        <CommentBox key="" node={comment.node} view={view} />
+      ))}
+    </Fragment>
+  );
+};