diff --git a/src/frontend/src/features/analytics/enums.ts b/src/frontend/src/features/analytics/enums.ts index ba8c7474..29eb8a83 100644 --- a/src/frontend/src/features/analytics/enums.ts +++ b/src/frontend/src/features/analytics/enums.ts @@ -1,4 +1,5 @@ export enum FeatureFlags { Transcript = 'transcription-summary', + ScreenRecording = 'screen-recording', faceLandmarks = 'face-landmarks', } diff --git a/src/frontend/src/features/rooms/livekit/components/Tools.tsx b/src/frontend/src/features/rooms/livekit/components/Tools.tsx index cd08ab2a..2537545d 100644 --- a/src/frontend/src/features/rooms/livekit/components/Tools.tsx +++ b/src/frontend/src/features/rooms/livekit/components/Tools.tsx @@ -6,11 +6,16 @@ import { CRISP_HELP_ARTICLE_MORE_TOOLS } from '@/utils/constants' import { ReactNode } from 'react' import { RiFileTextFill, RiLiveFill } from '@remixicon/react' import { SubPanelId, useSidePanel } from '../hooks/useSidePanel' -import { useIsRecordingModeEnabled, RecordingMode } from '@/features/recording' +import { + useIsRecordingModeEnabled, + RecordingMode, + useHasRecordingAccess, +} from '@/features/recording' import { TranscriptSidePanel, ScreenRecordingSidePanel, } from '@/features/recording' +import { FeatureFlags } from '@/features/analytics/enums' export interface ToolsButtonProps { icon: ReactNode @@ -78,8 +83,9 @@ export const Tools = () => { RecordingMode.Transcript ) - const isScreenRecordingEnabled = useIsRecordingModeEnabled( - RecordingMode.ScreenRecording + const hasScreenRecordingAccess = useHasRecordingAccess( + RecordingMode.ScreenRecording, + FeatureFlags.ScreenRecording ) switch (activeSubPanelId) { @@ -123,7 +129,7 @@ export const Tools = () => { onPress={() => openTranscript()} /> )} - {isScreenRecordingEnabled && ( + {hasScreenRecordingAccess && ( } title={t('tools.screenRecording.title')}