diff --git a/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx b/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx index 6bcd80d0dc..ce34a6f74d 100644 --- a/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx +++ b/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx @@ -1,4 +1,11 @@ -import { Dispatch, FC, SetStateAction, useEffect, useState } from 'react' +import { + Dispatch, + FC, + SetStateAction, + useCallback, + useEffect, + useState, +} from 'react' import ReactDOM from 'react-dom' import MaterialIcon from '@/shared/components/material-icon' import { useTranslation } from 'react-i18next' @@ -56,7 +63,7 @@ const ReviewTooltipMenuContent: FC<{ const { setReviewPanelOpen } = useLayoutContext() const { setView } = useReviewPanelViewActionsContext() - const handleClick = () => { + const addComment = useCallback(() => { setReviewPanelOpen(true) setView('cur_file') @@ -64,13 +71,20 @@ const ReviewTooltipMenuContent: FC<{ effects: buildAddNewCommentRangeEffect(state.selection.main), }) setShow(false) - } + }, [setReviewPanelOpen, setView, setShow, view, state.selection.main]) + + useEffect(() => { + window.addEventListener('add-new-review-comment', addComment) + return () => { + window.removeEventListener('add-new-review-comment', addComment) + } + }, [addComment]) return (