docker-images/nginx-proxy-manager
1
0
Fork 0
mirror of https://github.com/NginxProxyManager/nginx-proxy-manager.git synced 2025-07-26 20:41:03 +03:00
Code Activity

Add locale picker to app header

Browse Source
This commit is contained in:
Jamie Curnow
2023-03-05 22:36:52 +10:00
parent 0244187c29
commit cb3f0ec9b4
2 changed files with 12 additions and 9 deletions
frontend/src/components
LocalePicker.tsx
Navigation
NavigationHeader.tsx

18
frontend/src/components/LocalePicker.tsx

@ -3,6 +3,7 @@ import {
Box,
Menu,
MenuButton,
MenuButtonProps,
MenuList,
MenuItem,
} from "@chakra-ui/react";
@ -16,29 +17,30 @@ import {
} from "locale";
interface LocalPickerProps {
/**
* On change handler
*/
onChange?: any;
/**
* Class
*/
className?: string;
background?: "normal" | "transparent";
}
function LocalePicker({ onChange, className }: LocalPickerProps) {
function LocalePicker({ onChange, className, background }: LocalPickerProps) {
const { locale, setLocale } = useLocaleState();
const additionalProps: Partial<MenuButtonProps> = {};
if (background === "transparent") {
additionalProps["backgroundColor"] = "transparent";
}
const changeTo = (lang: string) => {
changeLocale(lang);
setLocale(lang);
onChange && onChange(locale);
location.reload();
};
return (
<Box className={className}>
<Menu>
<MenuButton as={Button}>
<MenuButton as={Button} {...additionalProps}>
<Flag countryCode={getFlagCodeForLocale(locale)} />
</MenuButton>
<MenuList>