From fe70165076d5095bafe0c420efd87f94d4a293bc Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Thu, 28 Nov 2024 15:22:03 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A9(frontend)=20display=20transcript?=
 =?UTF-8?q?=20items=20only=20when=20back=20is=20enabled?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Avoid displaying the feature in the client if it's disabled
in the backend.
---
 .../components/controls/Options/TranscriptMenuItem.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/frontend/src/features/rooms/livekit/components/controls/Options/TranscriptMenuItem.tsx b/src/frontend/src/features/rooms/livekit/components/controls/Options/TranscriptMenuItem.tsx
index c9f57ad2..4db397da 100644
--- a/src/frontend/src/features/rooms/livekit/components/controls/Options/TranscriptMenuItem.tsx
+++ b/src/frontend/src/features/rooms/livekit/components/controls/Options/TranscriptMenuItem.tsx
@@ -9,6 +9,7 @@ import {
 import { useStopRecording } from '@/features/rooms/api/stopRecording'
 import { useRoomContext } from '@livekit/components-react'
 import { useRoomData } from '@/features/rooms/livekit/hooks/useRoomData'
+import { useConfig } from '@/api/useConfig'
 
 export const TranscriptMenuItem = () => {
   const { t } = useTranslation('rooms', { keyPrefix: 'options.items' })
@@ -18,6 +19,8 @@ export const TranscriptMenuItem = () => {
   const { mutateAsync: startRecordingRoom } = useStartRecording()
   const { mutateAsync: stopRecordingRoom } = useStopRecording()
 
+  const { data: apiConfig } = useConfig()
+
   const room = useRoomContext()
 
   const handleTranscript = async () => {
@@ -39,6 +42,13 @@ export const TranscriptMenuItem = () => {
     }
   }
 
+  if (
+    !apiConfig.recording?.is_enabled ||
+    !apiConfig.recording?.available_modes?.includes(RecordingMode.Transcript)
+  ) {
+    return
+  }
+
   return (
     <MenuItem
       className={menuRecipe({ icon: true }).item}