diff --git a/services/web/frontend/js/features/review-panel-new/components/review-mode-switcher.tsx b/services/web/frontend/js/features/review-panel-new/components/review-mode-switcher.tsx index c386655384..8d2e2a9237 100644 --- a/services/web/frontend/js/features/review-panel-new/components/review-mode-switcher.tsx +++ b/services/web/frontend/js/features/review-panel-new/components/review-mode-switcher.tsx @@ -14,6 +14,7 @@ import { import { useUserContext } from '@/shared/context/user-context' import { useTranslation } from 'react-i18next' import { usePermissionsContext } from '@/features/ide-react/context/permissions-context' +import usePersistedState from '@/shared/hooks/use-persisted-state' type Mode = 'viewing' | 'reviewing' | 'editing' @@ -144,11 +145,21 @@ const ModeSwitcherToggleButtonContent = forwardRef< ariaExpanded: boolean } >(({ onClick, className, iconType, label, ariaExpanded }, ref) => { + const [isFirstTimeUsed, setIsFirstTimeUsed] = usePersistedState( + `modeSwitcherFirstTimeUsed`, + true + ) + return (