forked from Archives/Athou_commafeed
92 lines
3.9 KiB
TypeScript
92 lines
3.9 KiB
TypeScript
import { Trans } from "@lingui/macro"
|
|
import { Divider, Select, SimpleGrid, Stack, Switch } from "@mantine/core"
|
|
import { Constants } from "app/constants"
|
|
import {
|
|
changeAlwaysScrollToEntry,
|
|
changeCustomContextMenu,
|
|
changeLanguage,
|
|
changeMarkAllAsReadConfirmation,
|
|
changeScrollMarks,
|
|
changeScrollSpeed,
|
|
changeSharingSetting,
|
|
changeShowRead,
|
|
} from "app/slices/user"
|
|
import { useAppDispatch, useAppSelector } from "app/store"
|
|
import { SharingSettings } from "app/types"
|
|
import { locales } from "i18n"
|
|
|
|
export function DisplaySettings() {
|
|
const language = useAppSelector(state => state.user.settings?.language)
|
|
const scrollSpeed = useAppSelector(state => state.user.settings?.scrollSpeed)
|
|
const showRead = useAppSelector(state => state.user.settings?.showRead)
|
|
const scrollMarks = useAppSelector(state => state.user.settings?.scrollMarks)
|
|
const alwaysScrollToEntry = useAppSelector(state => state.user.settings?.alwaysScrollToEntry)
|
|
const markAllAsReadConfirmation = useAppSelector(state => state.user.settings?.markAllAsReadConfirmation)
|
|
const customContextMenu = useAppSelector(state => state.user.settings?.customContextMenu)
|
|
const sharingSettings = useAppSelector(state => state.user.settings?.sharingSettings)
|
|
const dispatch = useAppDispatch()
|
|
|
|
return (
|
|
<Stack>
|
|
<Select
|
|
description={<Trans>Language</Trans>}
|
|
value={language}
|
|
data={locales.map(l => ({
|
|
value: l.key,
|
|
label: l.label,
|
|
}))}
|
|
onChange={s => s && dispatch(changeLanguage(s))}
|
|
/>
|
|
|
|
<Switch
|
|
label={<Trans>Scroll smoothly when navigating between entries</Trans>}
|
|
checked={scrollSpeed ? scrollSpeed > 0 : false}
|
|
onChange={e => dispatch(changeScrollSpeed(e.currentTarget.checked))}
|
|
/>
|
|
|
|
<Switch
|
|
label={<Trans>Always scroll selected entry to the top of the page, even if it fits entirely on screen</Trans>}
|
|
checked={alwaysScrollToEntry}
|
|
onChange={e => dispatch(changeAlwaysScrollToEntry(e.currentTarget.checked))}
|
|
/>
|
|
|
|
<Switch
|
|
label={<Trans>Show feeds and categories with no unread entries</Trans>}
|
|
checked={showRead}
|
|
onChange={e => dispatch(changeShowRead(e.currentTarget.checked))}
|
|
/>
|
|
|
|
<Switch
|
|
label={<Trans>In expanded view, scrolling through entries mark them as read</Trans>}
|
|
checked={scrollMarks}
|
|
onChange={e => dispatch(changeScrollMarks(e.currentTarget.checked))}
|
|
/>
|
|
|
|
<Switch
|
|
label={<Trans>Show confirmation when marking all entries as read</Trans>}
|
|
checked={markAllAsReadConfirmation}
|
|
onChange={e => dispatch(changeMarkAllAsReadConfirmation(e.currentTarget.checked))}
|
|
/>
|
|
|
|
<Switch
|
|
label={<Trans>Show CommaFeed's own context menu on right click</Trans>}
|
|
checked={customContextMenu}
|
|
onChange={e => dispatch(changeCustomContextMenu(e.currentTarget.checked))}
|
|
/>
|
|
|
|
<Divider label={<Trans>Sharing sites</Trans>} labelPosition="center" />
|
|
|
|
<SimpleGrid cols={2}>
|
|
{(Object.keys(Constants.sharing) as Array<keyof SharingSettings>).map(site => (
|
|
<Switch
|
|
key={site}
|
|
label={Constants.sharing[site].label}
|
|
checked={sharingSettings && sharingSettings[site]}
|
|
onChange={e => dispatch(changeSharingSetting({ site, value: e.currentTarget.checked }))}
|
|
/>
|
|
))}
|
|
</SimpleGrid>
|
|
</Stack>
|
|
)
|
|
}
|