{
textStyle: 'sm',
paddingX: '0.75rem',
})}
- margin={'md'}
+ margin="md"
>
- Nous essayons d'intégrer plus d'outils dans visio blablabzlab,{' '}
-
En savoir plus.
+ {t('body')}{' '}
+
+ {t('moreLink')}
+
+ .
}
- title={'Transcription'}
- description={
- 'Transcrivez votre réunion et recevez son résultat à la fin.'
- }
+ icon={
}
+ title={t('tools.transcript.title')}
+ description={t('tools.transcript.body')}
+ onPress={() => openTranscript()}
/>
-
}
- title={'Enregistrement'}
- description={'Enregistrer votre réunion pour la rejouer à la demande.'}
- />
- {/*
*/}
- {/*
*/}
)
}
diff --git a/src/frontend/src/features/rooms/livekit/components/Transcript.tsx b/src/frontend/src/features/rooms/livekit/components/Transcript.tsx
index 5b7fb648..71d8080a 100644
--- a/src/frontend/src/features/rooms/livekit/components/Transcript.tsx
+++ b/src/frontend/src/features/rooms/livekit/components/Transcript.tsx
@@ -1,10 +1,9 @@
-import { Button, Div, H, Text } from '@/primitives'
+import { A, Button, Div, Text } from '@/primitives'
import thirdSlide from '@/assets/intro-slider/3_resume.png'
import { css } from '@/styled-system/css'
import { useHasTranscriptAccess } from '../hooks/useHasTranscriptAccess'
-import { RiRecordCircleLine, RiStopCircleLine } from '@remixicon/react'
import { useRoomId } from '@/features/rooms/livekit/hooks/useRoomId'
import { useRoomContext } from '@livekit/components-react'
import {
@@ -16,13 +15,14 @@ import { useEffect, useState } from 'react'
import { RoomEvent } from 'livekit-client'
import { useTranslation } from 'react-i18next'
+const CRISP_HELP_ARTICLE =
+ 'https://lasuite.crisp.help/fr/article/visio-transcript-1sjq43x'
+
export const Transcript = () => {
const [isLoading, setIsLoading] = useState(false)
-
const { t } = useTranslation('rooms', { keyPrefix: 'transcript' })
const hasTranscriptAccess = useHasTranscriptAccess()
-
const roomId = useRoomId()
const { mutateAsync: startRecordingRoom } = useStartRecording()
@@ -69,36 +69,65 @@ export const Transcript = () => {
flexDirection="column"
alignItems="center"
>
-