Add dark mode option

This commit is contained in:
2026-02-01 20:06:27 +00:00
parent b67bfa7687
commit 3e3ca3621c
7 changed files with 114 additions and 15 deletions

View File

@@ -10,22 +10,18 @@
import React from 'react';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './ui/select';
import { Label } from './ui/label';
const LanguageSelector = ({ currentLanguage, onLanguageChange, t }: any) => {
return (
<div className="flex flex-wrap-reverse items-center gap-2">
<Label className="text-sm font-medium">{t('languageSelectorLabel')}</Label>
<Select value={currentLanguage} onValueChange={onLanguageChange}>
<SelectTrigger className="w-32">
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectItem value="en">{t('languageSelectorEN')}</SelectItem>
<SelectItem value="de">{t('languageSelectorDE')}</SelectItem>
</SelectContent>
</Select>
</div>
<Select value={currentLanguage} onValueChange={onLanguageChange}>
<SelectTrigger className="w-32">
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectItem value="en">{t('languageSelectorEN')}</SelectItem>
<SelectItem value="de">{t('languageSelectorDE')}</SelectItem>
</SelectContent>
</Select>
);
};