diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel.tsx index c928356363..e905954fba 100644 --- a/services/web/frontend/js/features/review-panel-new/components/review-panel.tsx +++ b/services/web/frontend/js/features/review-panel-new/components/review-panel.tsx @@ -1,4 +1,4 @@ -import { FC, memo, useState } from 'react' +import { FC, memo, useMemo, useState } from 'react' import ReviewPanelTabs from './review-panel-tabs' import ReviewPanelHeader from './review-panel-header' import ReviewPanelCurrentFile from './review-panel-current-file' @@ -9,13 +9,17 @@ import { useReviewPanelStyles } from '@/features/review-panel-new/hooks/use-revi export type SubView = 'cur_file' | 'overview' const ReviewPanel: FC<{ mini?: boolean }> = ({ mini = false }) => { - const [subView, setSubView] = useState('cur_file') + const [choosenSubView, setSubView] = useState('cur_file') + const activeSubView = useMemo( + () => (mini ? 'cur_file' : choosenSubView), + [choosenSubView, mini] + ) const style = useReviewPanelStyles(mini) const className = classnames('review-panel-new', 'review-panel-container', { 'review-panel-mini': mini, - 'review-panel-subview-overview': subView === 'overview', + 'review-panel-subview-overview': activeSubView === 'overview', }) return ( @@ -23,11 +27,11 @@ const ReviewPanel: FC<{ mini?: boolean }> = ({ mini = false }) => {
{!mini && } - {subView === 'cur_file' && } - {subView === 'overview' && } + {activeSubView === 'cur_file' && } + {activeSubView === 'overview' && }
- +