From ac88c046dc14132386dd65dca519eba0ee69d568 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Thu, 21 Aug 2025 10:35:34 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F(frontend)=20replace=20generi?=
 =?UTF-8?q?c=20tab=20IDs=20with=20explicit=20string=20identifiers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Change tab identification from integer IDs to explicit string
identifiers for better code readability and maintainability.
---
 .../components/SettingsDialogExtended.tsx     | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/features/settings/components/SettingsDialogExtended.tsx b/src/frontend/src/features/settings/components/SettingsDialogExtended.tsx
index 381a957f..980d8854 100644
--- a/src/frontend/src/features/settings/components/SettingsDialogExtended.tsx
+++ b/src/frontend/src/features/settings/components/SettingsDialogExtended.tsx
@@ -72,34 +72,34 @@ export const SettingsDialogExtended = (props: SettingsDialogExtended) => {
             </Heading>
           )}
           <TabList border={false}>
-            <Tab icon highlight id="1">
+            <Tab icon highlight id="account">
               <RiAccountCircleLine />
               {isWideScreen && t('tabs.account')}
             </Tab>
-            <Tab icon highlight id="2">
+            <Tab icon highlight id="audio">
               <RiSpeakerLine />
               {isWideScreen && t('tabs.audio')}
             </Tab>
-            <Tab icon highlight id="3">
+            <Tab icon highlight id="video">
               <RiVideoOnLine />
               {isWideScreen && t('tabs.video')}
             </Tab>
-            <Tab icon highlight id="4">
+            <Tab icon highlight id="general">
               <RiSettings3Line />
               {isWideScreen && t('tabs.general')}
             </Tab>
-            <Tab icon highlight id="5">
+            <Tab icon highlight id="notifications">
               <RiNotification3Line />
               {isWideScreen && t('tabs.notifications')}
             </Tab>
           </TabList>
         </div>
         <div className={tabPanelContainerStyle}>
-          <AccountTab id="1" onOpenChange={props.onOpenChange} />
-          <AudioTab id="2" />
-          <VideoTab id="3" />
-          <GeneralTab id="4" />
-          <NotificationsTab id="5" />
+          <AccountTab id="account" onOpenChange={props.onOpenChange} />
+          <AudioTab id="audio" />
+          <VideoTab id="video" />
+          <GeneralTab id="general" />
+          <NotificationsTab id="notifications" />
         </div>
       </Tabs>
     </Dialog>