mirror of
https://github.com/Athou/commafeed.git
synced 2026-03-21 21:37:29 +00:00
fix occasional flicker
This commit is contained in:
@@ -55,7 +55,6 @@ export function FeedEntriesPage(props: Readonly<FeedEntriesPageProps>) {
|
|||||||
)
|
)
|
||||||
const sourceLabel = useAppSelector(state => state.entries.sourceLabel)
|
const sourceLabel = useAppSelector(state => state.entries.sourceLabel)
|
||||||
const sourceWebsiteUrl = useAppSelector(state => state.entries.sourceWebsiteUrl)
|
const sourceWebsiteUrl = useAppSelector(state => state.entries.sourceWebsiteUrl)
|
||||||
const loading = useAppSelector(state => state.entries.loading)
|
|
||||||
const hasMore = useAppSelector(state => state.entries.hasMore)
|
const hasMore = useAppSelector(state => state.entries.hasMore)
|
||||||
const mobile = useMobile()
|
const mobile = useMobile()
|
||||||
const sidebarVisible = useAppSelector(state => state.tree.sidebarVisible)
|
const sidebarVisible = useAppSelector(state => state.tree.sidebarVisible)
|
||||||
@@ -125,26 +124,24 @@ export function FeedEntriesPage(props: Readonly<FeedEntriesPageProps>) {
|
|||||||
return (
|
return (
|
||||||
// add some room at the bottom of the page in order to be able to scroll the current entry at the top of the page when expanding
|
// add some room at the bottom of the page in order to be able to scroll the current entry at the top of the page when expanding
|
||||||
<Box mb={viewport.height * 0.7}>
|
<Box mb={viewport.height * 0.7}>
|
||||||
{!loading && (
|
<Group className="cf-entries-title" wrap="nowrap">
|
||||||
<Group className="cf-entries-title" wrap="nowrap">
|
{sourceWebsiteUrl && (
|
||||||
{sourceWebsiteUrl && (
|
<a href={sourceWebsiteUrl} target="_blank" rel="noreferrer" className={classes.sourceWebsiteLink}>
|
||||||
<a href={sourceWebsiteUrl} target="_blank" rel="noreferrer" className={classes.sourceWebsiteLink}>
|
|
||||||
<Title order={3} className={classes.titleText}>
|
|
||||||
{title}
|
|
||||||
</Title>
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
{!sourceWebsiteUrl && (
|
|
||||||
<Title order={3} className={classes.titleText}>
|
<Title order={3} className={classes.titleText}>
|
||||||
{title}
|
{title}
|
||||||
</Title>
|
</Title>
|
||||||
)}
|
</a>
|
||||||
<ActionIcon onClick={titleClicked} variant="subtle" color={theme.primaryColor}>
|
)}
|
||||||
<TbEdit size={18} />
|
{!sourceWebsiteUrl && (
|
||||||
</ActionIcon>
|
<Title order={3} className={classes.titleText}>
|
||||||
{showUnreadCount && <UnreadCount unreadCount={unreadCount} showIndicator={hasNewEntries} />}
|
{title}
|
||||||
</Group>
|
</Title>
|
||||||
)}
|
)}
|
||||||
|
<ActionIcon onClick={titleClicked} variant="subtle" color={theme.primaryColor}>
|
||||||
|
<TbEdit size={18} />
|
||||||
|
</ActionIcon>
|
||||||
|
{showUnreadCount && <UnreadCount unreadCount={unreadCount} showIndicator={hasNewEntries} />}
|
||||||
|
</Group>
|
||||||
|
|
||||||
<FeedEntries />
|
<FeedEntries />
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user