From 8245270f28ee2e22076939aaacb52852b262733f Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Wed, 13 Aug 2025 12:46:33 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F(frontend)=20refactor=20video?=
 =?UTF-8?q?=20tab=20i18n=20strings=20with=20common=20prefix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reorganize internationalization strings for video tab to use shared
"video" prefix, improving code maintainability and consistency.
---
 .../settings/components/tabs/VideoTab.tsx     | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/frontend/src/features/settings/components/tabs/VideoTab.tsx b/src/frontend/src/features/settings/components/tabs/VideoTab.tsx
index 5895fcec..db089f70 100644
--- a/src/frontend/src/features/settings/components/tabs/VideoTab.tsx
+++ b/src/frontend/src/features/settings/components/tabs/VideoTab.tsx
@@ -60,7 +60,7 @@ export type VideoTabProps = Pick<DialogProps, 'onOpenChange'> &
 type DeviceItems = Array<{ value: string; label: string }>
 
 export const VideoTab = ({ id }: VideoTabProps) => {
-  const { t } = useTranslation('settings')
+  const { t } = useTranslation('settings', { keyPrefix: 'video' })
   const { localParticipant } = useRoomContext()
 
   const {
@@ -92,7 +92,7 @@ export const VideoTab = ({ id }: VideoTabProps) => {
   const disabledProps = isCamEnabled
     ? {}
     : {
-        placeholder: t('video.permissionsRequired'),
+        placeholder: t('permissionsRequired'),
         isDisabled: true,
       }
 
@@ -134,10 +134,10 @@ export const VideoTab = ({ id }: VideoTabProps) => {
 
   return (
     <TabPanel padding={'md'} flex id={id}>
-      <RowWrapper heading={t('video.camera.heading')}>
+      <RowWrapper heading={t('camera.heading')}>
         <Field
           type="select"
-          label={t('video.camera.label')}
+          label={t('camera.label')}
           items={itemsIn}
           selectedKey={videoDeviceId}
           onSelectionChange={async (key) => {
@@ -152,7 +152,7 @@ export const VideoTab = ({ id }: VideoTabProps) => {
         <div
           role="status"
           aria-label={t(
-            `video.camera.previewAriaLabel.${localParticipant.isCameraEnabled ? 'enabled' : 'disabled'}`
+            `camera.previewAriaLabel.${localParticipant.isCameraEnabled ? 'enabled' : 'disabled'}`
           )}
         >
           {localParticipant.isCameraEnabled ? (
@@ -184,12 +184,12 @@ export const VideoTab = ({ id }: VideoTabProps) => {
                 textAlign: 'center',
               })}
             >
-              {t('video.camera.disabled')}
+              {t('camera.disabled')}
             </span>
           )}
         </div>
       </RowWrapper>
-      <H lvl={2}>{t('video.resolution.heading')}</H>
+      <H lvl={2}>{t('resolution.heading')}</H>
       <HStack
         gap={0}
         style={{
@@ -204,19 +204,19 @@ export const VideoTab = ({ id }: VideoTabProps) => {
         >
           <Field
             type="select"
-            label={t('video.resolution.publish.label')}
+            label={t('resolution.publish.label')}
             items={[
               {
                 value: 'h720',
-                label: `${t('video.resolution.publish.items.high')} (720p)`,
+                label: `${t('resolution.publish.items.high')} (720p)`,
               },
               {
                 value: 'h360',
-                label: `${t('video.resolution.publish.items.medium')} (360p)`,
+                label: `${t('resolution.publish.items.medium')} (360p)`,
               },
               {
                 value: 'h180',
-                label: `${t('video.resolution.publish.items.low')} (180p)`,
+                label: `${t('resolution.publish.items.low')} (180p)`,
               },
             ]}
             selectedKey={videoPublishResolution}