55 lines
1.8 KiB
TypeScript
55 lines
1.8 KiB
TypeScript
import { Text } from "preact-i18n";
|
|
import styles from "./Panes.module.scss";
|
|
import Checkbox from "../../../components/ui/Checkbox";
|
|
import { connectState } from "../../../redux/connector";
|
|
import { WithDispatcher } from "../../../redux/reducers";
|
|
import { SyncKeys, SyncOptions } from "../../../redux/reducers/sync";
|
|
|
|
interface Props {
|
|
options?: SyncOptions;
|
|
}
|
|
|
|
export function Component(props: Props & WithDispatcher) {
|
|
return (
|
|
<div className={styles.notifications}>
|
|
<h3>
|
|
<Text id="app.settings.pages.sync.categories" />
|
|
</h3>
|
|
{
|
|
([
|
|
['appearance', 'appearance.title'],
|
|
['theme', 'appearance.theme'],
|
|
['locale', 'language.title']
|
|
// notifications sync is always-on
|
|
] as [ SyncKeys, string ][]).map(
|
|
([ key, title ]) =>
|
|
<Checkbox
|
|
checked={(props.options?.disabled ?? []).indexOf(key) === -1}
|
|
onChange={enabled => {
|
|
props.dispatcher({
|
|
type: enabled ? 'SYNC_ENABLE_KEY' : 'SYNC_DISABLE_KEY',
|
|
key
|
|
});
|
|
}}
|
|
>
|
|
<Text id={`app.settings.pages.${title}`} />
|
|
<p>
|
|
<Text id={`app.settings.pages.sync.descriptions.${key}`} />
|
|
</p>
|
|
</Checkbox>
|
|
)
|
|
}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export const Sync = connectState(
|
|
Component,
|
|
state => {
|
|
return {
|
|
options: state.sync
|
|
};
|
|
},
|
|
true
|
|
);
|