borg/drone-detector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix jwt-token

Browse Source
This commit is contained in:
Alexander Borg
2025-09-19 13:47:50 +02:00
parent 78c5267f63
commit 9afdbd6357
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
management/src/components/common/LanguageSelector.jsx
View File

@@ -1,5 +1,6 @@
import React from 'react'; 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 { Menu, Transition } from '@headlessui/react';
import { Fragment } from 'react'; import { Fragment } from 'react';
import { Globe, ChevronDown, Check } from 'lucide-react'; import { Globe, ChevronDown, Check } from 'lucide-react';
@@ -10,12 +11,13 @@ const languages = [
]; ];
export default function LanguageSelector({ className = '' }) { 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) => { const handleChangeLanguage = (languageCode) => {
i18n.changeLanguage(languageCode); changeLanguage(languageCode);
}; };
return ( return (
@@ -44,16 +46,16 @@ export default function LanguageSelector({ className = '' }) {
<Menu.Item key={language.code}> <Menu.Item key={language.code}>
{({ active }) => ( {({ active }) => (
<button <button
onClick={() => changeLanguage(language.code)} onClick={() => handleChangeLanguage(language.code)}
className={`${ className={`${
active ? 'bg-gray-100 text-gray-900' : 'text-gray-700' 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`} } group flex items-center px-4 py-2 text-sm w-full text-left`}
> >
<span className="mr-3">{language.flag}</span> <span className="mr-3">{language.flag}</span>
<span>{language.name}</span> <span>{language.name}</span>
{language.code === i18n.language && ( {language.code === currentLanguageCode && (
<span className="ml-auto"> <span className="ml-auto">
<Check className="w-4 h-4" /> <Check className="w-4 h-4" />
</span> </span>