diff --git a/commafeed-client/src/components/content/FeedEntries.tsx b/commafeed-client/src/components/content/FeedEntries.tsx index 62f252f6..f66f26f6 100644 --- a/commafeed-client/src/components/content/FeedEntries.tsx +++ b/commafeed-client/src/components/content/FeedEntries.tsx @@ -59,6 +59,18 @@ export function FeedEntries() { } } + const bodyClicked = (entry: ExpendableEntry) => { + if (viewMode !== "expanded") return + dispatch( + selectEntry({ + entry, + expand: true, + markAsRead: true, + scrollToEntry: true, + }) + ) + } + const swipedRight = (entry: ExpendableEntry) => dispatch(markEntry({ entry, read: !entry.read })) useEffect(() => { @@ -272,6 +284,7 @@ export function FeedEntries() { showSelectionIndicator={entry.id === selectedEntryId && (!entry.expanded || viewMode === "expanded")} maxWidth={sidebarVisible ? Constants.layout.entryMaxWidth : undefined} onHeaderClick={event => headerClicked(entry, event)} + onBodyClick={() => bodyClicked(entry)} onSwipedRight={() => swipedRight(entry)} /> diff --git a/commafeed-client/src/components/content/FeedEntry.tsx b/commafeed-client/src/components/content/FeedEntry.tsx index 440f5481..56e8705c 100644 --- a/commafeed-client/src/components/content/FeedEntry.tsx +++ b/commafeed-client/src/components/content/FeedEntry.tsx @@ -18,6 +18,7 @@ interface FeedEntryProps { showSelectionIndicator: boolean maxWidth?: number onHeaderClick: (e: React.MouseEvent) => void + onBodyClick: (e: React.MouseEvent) => void onSwipedRight: () => void } @@ -135,7 +136,7 @@ export function FeedEntry(props: FeedEntryProps) { {props.expanded && ( - +