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

remove intermediate element by rendering the mantine Paper as <article>

Browse Source
This commit is contained in:
Athou
2025-04-05 17:12:40 +02:00
parent f7b6677bb1
commit 8b854b5cda
2 changed files with 14 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
commafeed-client/src/components/content/FeedEntries.tsx
View File

@@ -307,25 +307,18 @@ export function FeedEntries() {
loader={<Box key={0}>{loading && <Loader />}</Box>}
>
{entries.map(entry => (
<article
<FeedEntry
key={entry.id}
ref={el => {
if (el) el.id = Constants.dom.entryId(entry)
}}
data-id={entry.id}
>
<FeedEntry
entry={entry}
expanded={!!entry.expanded || viewMode === "expanded"}
selected={entry.id === selectedEntryId}
showSelectionIndicator={entry.id === selectedEntryId && (!entry.expanded || viewMode === "expanded")}
maxWidth={sidebarVisible ? Constants.layout.entryMaxWidth : undefined}
onHeaderClick={event => headerClicked(entry, event)}
onHeaderRightClick={event => headerRightClicked(entry, event)}
onBodyClick={() => bodyClicked(entry)}
onSwipedLeft={async () => await swipedLeft(entry)}
/>
</article>
entry={entry}
expanded={!!entry.expanded || viewMode === "expanded"}
selected={entry.id === selectedEntryId}
showSelectionIndicator={entry.id === selectedEntryId && (!entry.expanded || viewMode === "expanded")}
maxWidth={sidebarVisible ? Constants.layout.entryMaxWidth : undefined}
onHeaderClick={event => headerClicked(entry, event)}
onHeaderRightClick={event => headerRightClicked(entry, event)}
onBodyClick={() => bodyClicked(entry)}
onSwipedLeft={async () => await swipedLeft(entry)}
/>
))}
</InfiniteScroll>
)

3
commafeed-client/src/components/content/FeedEntry.tsx
View File

@@ -137,6 +137,9 @@ export function FeedEntry(props: FeedEntryProps) {
const compactHeader = !props.expanded && (viewMode === "title" || viewMode === "cozy")
return (
<Paper
component="article"
id={Constants.dom.entryId(props.entry)}
data-id={props.entry.id}
withBorder
radius={borderRadius}
className={cx(classes.paper, {