diff --git a/src/frontend/src/features/rooms/livekit/components/Effects.tsx b/src/frontend/src/features/rooms/livekit/components/Effects.tsx index b46ce0d4..b1b933d1 100644 --- a/src/frontend/src/features/rooms/livekit/components/Effects.tsx +++ b/src/frontend/src/features/rooms/livekit/components/Effects.tsx @@ -3,7 +3,7 @@ import { useLocalParticipant } from '@livekit/components-react' import { LocalVideoTrack } from 'livekit-client' import { Text, P, ToggleButton, Div, H } from '@/primitives' import { useTranslation } from 'react-i18next' -import { HStack, VStack } from '@/styled-system/jsx' +import { HStack, styled, VStack } from '@/styled-system/jsx' import { BackgroundBlur, BackgroundOptions, @@ -11,6 +11,16 @@ import { BackgroundTransformer, } from '@livekit/track-processors' +const Information = styled('div', { + base: { + backgroundColor: 'orange.50', + borderRadius: '4px', + padding: '0.75rem 0.75rem', + marginTop: '0.8rem', + alignItems: 'start', + }, +}) + enum BlurRadius { NONE = 0, LIGHT = 5, @@ -165,6 +175,16 @@ export const Effects = () => { ) : ( {t('notAvailable')} )} + + + ⚠︎ {t('experimental')} + + ) diff --git a/src/frontend/src/locales/de/rooms.json b/src/frontend/src/locales/de/rooms.json index 21b7e049..752c2c08 100644 --- a/src/frontend/src/locales/de/rooms.json +++ b/src/frontend/src/locales/de/rooms.json @@ -82,7 +82,8 @@ "normal": "", "apply": "", "clear": "" - } + }, + "experimental": "" }, "sidePanel": { "heading": { diff --git a/src/frontend/src/locales/en/rooms.json b/src/frontend/src/locales/en/rooms.json index 68afa747..64026106 100644 --- a/src/frontend/src/locales/en/rooms.json +++ b/src/frontend/src/locales/en/rooms.json @@ -80,7 +80,8 @@ "normal": "Blur", "apply": "Enable blur", "clear": "Disable blur" - } + }, + "experimental": "Experimental feature. A v2 is coming for full browser support and improved quality." }, "sidePanel": { "heading": { diff --git a/src/frontend/src/locales/fr/rooms.json b/src/frontend/src/locales/fr/rooms.json index 36cc5779..d176cdd9 100644 --- a/src/frontend/src/locales/fr/rooms.json +++ b/src/frontend/src/locales/fr/rooms.json @@ -80,7 +80,8 @@ "normal": "Flou", "apply": "Appliquer le flou", "clear": "Désactiver le flou" - } + }, + "experimental": "Fonctionnalité expérimentale. Une v2 arrive pour un support complet sur tous les navigateurs et une meilleur qualité." }, "sidePanel": { "heading": {