diff --git a/wax-prosemirror-components/src/components/rightArea/BoxList.js b/wax-prosemirror-components/src/components/rightArea/BoxList.js index aa00fcc27cd25f85e0622eee4b2facba5f49b5ff..8393eeb41c8150cf72302ff982a828db6c370ccb 100644 --- a/wax-prosemirror-components/src/components/rightArea/BoxList.js +++ b/wax-prosemirror-components/src/components/rightArea/BoxList.js @@ -34,7 +34,7 @@ export default ({ commentsTracks, view, position, recalculateTops }) => { trackChange={commentTrack} view={view} top={top} - dataBox={id} + trackChangeId={id} recalculateTops={recalculateTops} /> ); diff --git a/wax-prosemirror-components/src/components/rightArea/RightArea.js b/wax-prosemirror-components/src/components/rightArea/RightArea.js index ebbedc6ca85fe0002429427181af389e7b5e2150..faf4efbac6b80dd6b1a7d45499d83e3c58b8f565 100644 --- a/wax-prosemirror-components/src/components/rightArea/RightArea.js +++ b/wax-prosemirror-components/src/components/rightArea/RightArea.js @@ -120,7 +120,7 @@ export default ({ area }) => { } } }); - + console.log(allCommentsTop); return allCommentsTop; }); diff --git a/wax-prosemirror-components/src/components/trackChanges/ConnectedTrackChange.js b/wax-prosemirror-components/src/components/trackChanges/ConnectedTrackChange.js index 4d983e6572378901eeee40096b8a5048167fb8d5..18fbd7c8c6d9a46fca18d31167c8cab6eca45580 100644 --- a/wax-prosemirror-components/src/components/trackChanges/ConnectedTrackChange.js +++ b/wax-prosemirror-components/src/components/trackChanges/ConnectedTrackChange.js @@ -9,6 +9,8 @@ const ConnectedTrackChangeStyled = styled.div` position: absolute; margin-left: ${props => (props.active ? `${-20}px` : `${50}px`)}; width: 200px; + height: 200px; + background: red; @media (max-width: 600px) { margin-left: 15px; } @@ -27,13 +29,13 @@ export default ({ trackChangeId, top, recalculateTops }) => { } = useContext(WaxContext); const { state, dispatch } = activeView; - + console.log('topp', top, trackChangeId); const styles = { top: `${top}px`, }; const active = false; - return null; + const MemorizedTrackChange = useMemo( () => ( <ConnectedTrackChangeStyled