Fix jwt-token

management/src/components/common/LanguageSelector.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import { useTranslation } from 'react-i18next';
+// import { useTranslation } from 'react-i18next'; // Commented out until Docker rebuild
+import { changeLanguage, getCurrentLanguage } from '../../utils/tempTranslations'; // Temporary translation system
 import { Menu, Transition } from '@headlessui/react';
 import { Fragment } from 'react';
 import { Globe, ChevronDown, Check } from 'lucide-react';
@@ -10,12 +11,13 @@ const languages = [
 ];
 
 export default function LanguageSelector({ className = '' }) {
-  const { i18n, t } = useTranslation();
+  // const { i18n, t } = useTranslation(); // Commented out until Docker rebuild
 
-  const currentLanguage = languages.find(lang => lang.code === i18n.language) || languages[0];
+  const currentLanguageCode = getCurrentLanguage();
+  const currentLanguage = languages.find(lang => lang.code === currentLanguageCode) || languages[0];
 
-  const changeLanguage = (languageCode) => {
-    i18n.changeLanguage(languageCode);
+  const handleChangeLanguage = (languageCode) => {
+    changeLanguage(languageCode);
   };
 
   return (
@@ -44,16 +46,16 @@ export default function LanguageSelector({ className = '' }) {
               <Menu.Item key={language.code}>
                 {({ active }) => (
                   <button
-                    onClick={() => changeLanguage(language.code)}
+                    onClick={() => handleChangeLanguage(language.code)}
                     className={`${
                       active ? 'bg-gray-100 text-gray-900' : 'text-gray-700'
                     } ${
-                      language.code === i18n.language ? 'bg-indigo-50 text-indigo-600' : ''
+                      language.code === currentLanguageCode ? 'bg-indigo-50 text-indigo-600' : ''
                     } group flex items-center px-4 py-2 text-sm w-full text-left`}
                   >
                     <span className="mr-3">{language.flag}</span>
                     <span>{language.name}</span>
-                    {language.code === i18n.language && (
+                    {language.code === currentLanguageCode && (
                       <span className="ml-auto">
                         <Check className="w-4 h-4" />
                       </span>