diff --git a/commafeed-client/src/components/content/FeedEntries.tsx b/commafeed-client/src/components/content/FeedEntries.tsx index 681d9abb..62f252f6 100644 --- a/commafeed-client/src/components/content/FeedEntries.tsx +++ b/commafeed-client/src/components/content/FeedEntries.tsx @@ -59,6 +59,8 @@ export function FeedEntries() { } } + const swipedRight = (entry: ExpendableEntry) => dispatch(markEntry({ entry, read: !entry.read })) + useEffect(() => { const scrollArea = document.getElementById(Constants.dom.mainScrollAreaId) @@ -270,6 +272,7 @@ export function FeedEntries() { showSelectionIndicator={entry.id === selectedEntryId && (!entry.expanded || viewMode === "expanded")} maxWidth={sidebarVisible ? Constants.layout.entryMaxWidth : undefined} onHeaderClick={event => headerClicked(entry, event)} + onSwipedRight={() => swipedRight(entry)} /> ))} diff --git a/commafeed-client/src/components/content/FeedEntry.tsx b/commafeed-client/src/components/content/FeedEntry.tsx index 9482e1fa..440f5481 100644 --- a/commafeed-client/src/components/content/FeedEntry.tsx +++ b/commafeed-client/src/components/content/FeedEntry.tsx @@ -1,8 +1,6 @@ import { Box, createStyles, Divider, Paper } from "@mantine/core" import { MantineNumberSize } from "@mantine/styles" import { Constants } from "app/constants" -import { markEntry } from "app/slices/entries" -import { useAppDispatch } from "app/store" import { Entry, ViewMode } from "app/types" import { useViewMode } from "hooks/useViewMode" import React from "react" @@ -20,6 +18,7 @@ interface FeedEntryProps { showSelectionIndicator: boolean maxWidth?: number onHeaderClick: (e: React.MouseEvent) => void + onSwipedRight: () => void } const useStyles = createStyles((theme, props: FeedEntryProps & { viewMode?: ViewMode }) => { @@ -85,10 +84,8 @@ export function FeedEntry(props: FeedEntryProps) { const { viewMode } = useViewMode() const { classes, cx } = useStyles({ ...props, viewMode }) - const dispatch = useAppDispatch() - const swipeHandlers = useSwipeable({ - onSwipedRight: () => dispatch(markEntry({ entry: props.entry, read: !props.entry.read })), + onSwipedRight: props.onSwipedRight, }) const { onContextMenu } = useFeedEntryContextMenu(props.entry)