diff --git a/src/frontend/src/features/settings/components/SettingsDialogExtended.tsx b/src/frontend/src/features/settings/components/SettingsDialogExtended.tsx index 64148508..6daf33f5 100644 --- a/src/frontend/src/features/settings/components/SettingsDialogExtended.tsx +++ b/src/frontend/src/features/settings/components/SettingsDialogExtended.tsx @@ -20,6 +20,7 @@ import { TranscriptionTab } from './tabs/TranscriptionTab' import { useRef } from 'react' import { useMediaQuery } from '@/features/rooms/livekit/hooks/useMediaQuery' import { SettingsDialogExtendedKey } from '@/features/settings/type' +import { useIsAdminOrOwner } from '@/features/rooms/livekit/hooks/useIsAdminOrOwner' const tabsStyle = css({ maxHeight: '40.625rem', // fixme size copied from meet settings modal @@ -59,6 +60,8 @@ export const SettingsDialogExtended = (props: SettingsDialogExtended) => { const dialogEl = useRef(null) const isWideScreen = useMediaQuery('(min-width: 800px)') // fixme - hardcoded 50rem in pixel + const isAdminOrOwner = useIsAdminOrOwner() + return ( { {isWideScreen && t(`tabs.${SettingsDialogExtendedKey.NOTIFICATIONS}`)} - - speech_to_text - {isWideScreen && - t(`tabs.${SettingsDialogExtendedKey.TRANSCRIPTION}`)} - + {isAdminOrOwner && ( + + speech_to_text + {isWideScreen && + t(`tabs.${SettingsDialogExtendedKey.TRANSCRIPTION}`)} + + )}