diff --git a/services/web/frontend/js/features/review-panel-new/hooks/use-more-comments.ts b/services/web/frontend/js/features/review-panel-new/hooks/use-more-comments.ts index 2122259e3d..5fbc94d241 100644 --- a/services/web/frontend/js/features/review-panel-new/hooks/use-more-comments.ts +++ b/services/web/frontend/js/features/review-panel-new/hooks/use-more-comments.ts @@ -8,6 +8,7 @@ import { import { DecorationSet, EditorView } from '@codemirror/view' import { EditorSelection } from '@codemirror/state' import _ from 'lodash' +import { useLayoutContext } from '@/shared/context/layout-context' const useMoreCommments = ( changes: Change[], @@ -19,6 +20,7 @@ const useMoreCommments = ( onMoreCommentsBelowClick: null | (() => void) } => { const view = useCodeMirrorViewContext() + const { reviewPanelOpen } = useLayoutContext() const [positionAbove, setPositionAbove] = useState(null) const [positionBelow, setPositionBelow] = useState(null) @@ -32,7 +34,7 @@ const useMoreCommments = ( read(view) { const container = view.scrollDOM - if (!container) { + if (!container || !reviewPanelOpen) { return { positionAbove: null, positionBelow: null } } @@ -99,7 +101,7 @@ const useMoreCommments = ( }), 200 ), - [changes, comments, newComments, view] + [changes, comments, newComments, view, reviewPanelOpen] ) useEffect(() => { diff --git a/services/web/frontend/stylesheets/app/editor/review-panel-new.less b/services/web/frontend/stylesheets/app/editor/review-panel-new.less index f51149d345..3019879b3b 100644 --- a/services/web/frontend/stylesheets/app/editor/review-panel-new.less +++ b/services/web/frontend/stylesheets/app/editor/review-panel-new.less @@ -589,6 +589,10 @@ } } + .review-panel-more-comments-button-container { + display: none; + } + .review-panel-footer { display: none; }