move swipe callback next to other callbacks

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)}
                     />
                 </div>
             ))}

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)