garrettmills/commafeed
1
0
Fork 0
forked from Archives/Athou_commafeed
Code Pull Requests Activity

dialog can now by confirmed with the enter key

Browse Source
This commit is contained in:
Athou
2025-04-09 14:40:50 +02:00
parent dcb6113eb7
commit be0fc95c45
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
commafeed-client/src/components/header/MarkAllAsReadButton.tsx
View File

@@ -36,6 +36,21 @@ export function MarkAllAsReadButton(props: { iconSize: number }) {
} }
} }
const onConfirm = () => {
setOpened(false)
dispatch(
markAllEntries({
sourceType: source.type,
req: {
id: source.id,
read: true,
olderThan: Date.now() - threshold * 24 * 60 * 60 * 1000,
insertedBefore: entriesTimestamp,
},
})
)
}
return ( return (
<> <>
<Modal opened={opened} onClose={() => setOpened(false)} title={<Trans>Mark all entries as read</Trans>}> <Modal opened={opened} onClose={() => setOpened(false)} title={<Trans>Mark all entries as read</Trans>}>
@@ -66,28 +81,13 @@ export function MarkAllAsReadButton(props: { iconSize: number }) {
value={threshold} value={threshold}
onChange={setThreshold} onChange={setThreshold}
data-autofocus data-autofocus
onKeyDown={e => e.key === "Enter" && onConfirm()}
/> />
<Group justify="flex-end"> <Group justify="flex-end">
<Button variant="default" onClick={() => setOpened(false)}> <Button variant="default" onClick={() => setOpened(false)}>
<Trans>Cancel</Trans> <Trans>Cancel</Trans>
</Button> </Button>
<Button <Button color="red" onClick={onConfirm}>
color="red"
onClick={() => {
setOpened(false)
dispatch(
markAllEntries({
sourceType: source.type,
req: {
id: source.id,
read: true,
olderThan: Date.now() - threshold * 24 * 60 * 60 * 1000,
insertedBefore: entriesTimestamp,
},
})
)
}}
>
<Trans>Confirm</Trans> <Trans>Confirm</Trans>
</Button> </Button>
</Group> </Group>