fix i18n aria-label text

Author: ShubhamOulkar

apps/site/components/withNavBar.tsx

@@ -41,8 +41,8 @@ const WithNavBar: FC = () => {
 
   const themeToggleAriaLabel =
     resolvedTheme === 'dark'
-      ? t('components.common.themeToggle.label.light')
-      : t('components.common.themeToggle.label.dark');
+      ? t('components.common.themeToggle.light')
+      : t('components.common.themeToggle.dark');
 
   const changeLanguage = (locale: SimpleLocaleConfig) =>
     replace(pathname!, { locale: locale.code });

apps/site/tests/e2e/general-behavior.spec.ts

@@ -14,7 +14,7 @@ const locators = {
   // Global UI controls
   languageDropdownName: englishLocale.components.common.languageDropdown.label,
   // default light theme
-  themeToggleName: englishLocale.components.common.themeToggle.label.light,
+  themeToggleName: englishLocale.components.common.themeToggle.light,
 
   // Search components (from Orama library)
   searchButtonTag: 'orama-button',
@@ -75,7 +75,7 @@ test.describe('Node.js Website', () => {
       const initialTheme = await getTheme(page);
       const initialAriaLabel = await themeToggle.getAttribute('aria-label');
       expect(initialAriaLabel).toBe(
-        englishLocale.components.common.themeToggle.label[initialTheme]
+        englishLocale.components.common.themeToggle[initialTheme]
       );
 
       await themeToggle.click();
@@ -87,7 +87,7 @@ test.describe('Node.js Website', () => {
       expect(['light', 'dark']).toContain(newTheme);
 
       expect(newAriaLabel).toBe(
-        englishLocale.components.common.themeToggle.label[newTheme]
+        englishLocale.components.common.themeToggle[newTheme]
       );
     });
 

packages/i18n/src/locales/en.json

@@ -229,10 +229,8 @@
         "label": "Choose Language"
       },
       "themeToggle": {
-        "label": {
-          "light": "Toggle Light Mode",
-          "dark": "Toggle Dark Mode"
-        }
+        "light": "Switch to Light Mode",
+        "dark": "Switch to Dark Mode"
       }
     },
     "metabar": {