Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-15 09:46:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

🐛 accidental translation of module name

Browse Source
This commit is contained in:
Manuel Ruwe
2022-08-24 20:13:53 +02:00
parent 4f521b5c00
commit 53500ffabc
12 changed files with 55 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/components/Settings/ModuleEnabler.tsx
View File

@@ -1,42 +1,60 @@
import { Checkbox, SimpleGrid, Stack, Title } from '@mantine/core';
import { Checkbox, Popover, SimpleGrid, Stack, Text, Title } from '@mantine/core';
import { useDisclosure } from '@mantine/hooks';
import { useTranslation } from 'next-i18next';
import * as Modules from '../../modules';
import { IModule } from '../../modules/ModuleTypes';
import { useConfig } from '../../tools/state';
export default function ModuleEnabler(props: any) {
const { config, setConfig } = useConfig();
const { t } = useTranslation('settings/general/module-enabler');
const modules = Object.values(Modules).map((module) => module);
return (
<Stack>
<Title order={4}>{t('title')}</Title>
<SimpleGrid cols={3} spacing="xs">
{modules.map((module) => {
const { t: translationModules } = useTranslation(module.translationNamespace);
return (
<Checkbox
key={module.title}
size="md"
checked={config.modules?.[module.title]?.enabled ?? false}
label={translationModules(module.title, {
defaultValue: 'UNKNOWN MODULE NAME',
})}
onChange={(e) => {
setConfig({
...config,
modules: {
...config.modules,
[module.title]: {
...config.modules?.[module.title],
enabled: e.currentTarget.checked,
},
},
});
}}
/>
);
})}
{modules.map((module) => (
<ModuleToggle module={module} />
))}
</SimpleGrid>
</Stack>
);
}
const ModuleToggle = ({ module }: { module: IModule }) => {
const { config, setConfig } = useConfig();
const { t: translationModules } = useTranslation(module.translationNamespace);
const [opened, { close, open }] = useDisclosure(false);
return (
<Popover opened={opened} withArrow withinPortal width={200}>
<Popover.Target>
<div onMouseEnter={open} onMouseLeave={close}>
<Checkbox
key={module.title}
size="md"
checked={config.modules?.[module.title]?.enabled ?? false}
label={translationModules('descriptor.name', {
defaultValue: 'Unknown',
})}
onChange={(e) => {
setConfig({
...config,
modules: {
...config.modules,
[module.title]: {
...config.modules?.[module.title],
enabled: e.currentTarget.checked,
},
},
});
}}
/>
</div>
</Popover.Target>
<Popover.Dropdown>
<Text weight="bold">{translationModules('descriptor.name')}</Text>
<Text>{translationModules('descriptor.description')}</Text>
</Popover.Dropdown>
</Popover>
);
};