Archives/Athou_commafeed
1
0
Fork 1
mirror of https://github.com/Athou/commafeed.git synced 2026-03-21 21:37:29 +00:00
Code Issues Packages Projects Releases Wiki 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

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

@@ -307,14 +307,8 @@ export function FeedEntries() {
loader={<Box key={0}>{loading && <Loader />}</Box>} loader={<Box key={0}>{loading && <Loader />}</Box>}
> >
{entries.map(entry => ( {entries.map(entry => (
<article
key={entry.id}
ref={el => {
if (el) el.id = Constants.dom.entryId(entry)
}}
data-id={entry.id}
>
<FeedEntry <FeedEntry
key={entry.id}
entry={entry} entry={entry}
expanded={!!entry.expanded || viewMode === "expanded"} expanded={!!entry.expanded || viewMode === "expanded"}
selected={entry.id === selectedEntryId} selected={entry.id === selectedEntryId}
@@ -325,7 +319,6 @@ export function FeedEntries() {
onBodyClick={() => bodyClicked(entry)} onBodyClick={() => bodyClicked(entry)}
onSwipedLeft={async () => await swipedLeft(entry)} onSwipedLeft={async () => await swipedLeft(entry)}
/> />
</article>
))} ))}
</InfiniteScroll> </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") const compactHeader = !props.expanded && (viewMode === "title" || viewMode === "cozy")
return ( return (
<Paper <Paper
component="article"
id={Constants.dom.entryId(props.entry)}
data-id={props.entry.id}
withBorder withBorder
radius={borderRadius} radius={borderRadius}
className={cx(classes.paper, { className={cx(classes.paper, {