From 9a1384b188425dbb86330f07afd69efb42af63d2 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Thu, 10 Apr 2025 18:24:33 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F(frontend)=20rename=20Recordi?=
 =?UTF-8?q?ngStateBadge=20to=20RecordingStateToast?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Rename component to match existing LiveKit naming conventions like
connectionStateToast. Improves naming consistency.
---
 .../components/RecordingStateToast.tsx}                       | 2 +-
 src/frontend/src/features/recording/index.ts                  | 1 +
 .../src/features/rooms/livekit/prefabs/VideoConference.tsx    | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)
 rename src/frontend/src/features/{rooms/livekit/components/RecordingStateBadge.tsx => recording/components/RecordingStateToast.tsx} (98%)

diff --git a/src/frontend/src/features/rooms/livekit/components/RecordingStateBadge.tsx b/src/frontend/src/features/recording/components/RecordingStateToast.tsx
similarity index 98%
rename from src/frontend/src/features/rooms/livekit/components/RecordingStateBadge.tsx
rename to src/frontend/src/features/recording/components/RecordingStateToast.tsx
index 138a1d51..b3112460 100644
--- a/src/frontend/src/features/rooms/livekit/components/RecordingStateBadge.tsx
+++ b/src/frontend/src/features/recording/components/RecordingStateToast.tsx
@@ -10,7 +10,7 @@ import { decodeNotificationDataReceived } from '@/features/notifications/utils'
 import { NotificationType } from '@/features/notifications/NotificationType'
 import { RecordingStatus, recordingStore } from '@/stores/recording'
 
-export const RecordingStateBadge = () => {
+export const RecordingStateToast = () => {
   const { t } = useTranslation('rooms', {
     keyPrefix: 'recordingBadge',
   })
diff --git a/src/frontend/src/features/recording/index.ts b/src/frontend/src/features/recording/index.ts
index 83ac83ed..6a78d900 100644
--- a/src/frontend/src/features/recording/index.ts
+++ b/src/frontend/src/features/recording/index.ts
@@ -5,3 +5,4 @@ export {
 } from './hooks/useIsRecordingStarted'
 export { useIsRecordingTransitioning } from './hooks/useIsRecordingTransitioning'
 export { useHasRecordingAccess } from './hooks/useHasRecordingAccess'
+export { RecordingStateToast } from './components/RecordingStateToast'
diff --git a/src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx b/src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx
index 9b540aed..37cf2af8 100644
--- a/src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx
+++ b/src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx
@@ -28,7 +28,7 @@ import { FocusLayout } from '../components/FocusLayout'
 import { ParticipantTile } from '../components/ParticipantTile'
 import { SidePanel } from '../components/SidePanel'
 import { useSidePanel } from '../hooks/useSidePanel'
-import { RecordingStateBadge } from '../components/RecordingStateBadge'
+import { RecordingStateToast } from '@/features/recording'
 import { ScreenShareErrorModal } from '../components/ScreenShareErrorModal'
 
 const LayoutWrapper = styled(
@@ -231,7 +231,7 @@ export function VideoConference({ ...props }: VideoConferenceProps) {
       )}
       <RoomAudioRenderer />
       <ConnectionStateToast />
-      <RecordingStateBadge />
+      <RecordingStateToast />
     </div>
   )
 }