@@ -162,7 +145,7 @@ const Board = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp, i
[subplebbitAddresses, effectiveInfiniteScroll, infiniteFeedPostsPerPage, paginationFeedPostsPerPage],
);
- const { feed, hasMore, loadMore, reset, subplebbitAddressesWithNewerPosts } = useFeed(feedOptions);
+ const { feed, hasMore, loadMore, reset } = useFeed(feedOptions);
const { accountComments } = useAccountComments();
const feedContextKey = `${isInAllView ? 'all' : isInSubscriptionsView ? 'subs' : isInModView ? 'mod' : (subplebbitAddress ?? 'board')}-${BOARD_SORT_TYPE}-${viewType ?? 'board'}-${effectiveInfiniteScroll}`;
@@ -260,13 +243,6 @@ const Board = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp, i
const { error: subplebbitError, state: subplebbitState } = subplebbit || {};
const title = isInAllView ? t('all') : isInSubscriptionsView ? t('subscriptions') : isInModView ? t('mod') : subplebbitTitle;
- const handleNewerPostsButtonClick = () => {
- window.scrollTo({ top: 0, left: 0 });
- setTimeout(() => {
- reset();
- }, 300);
- };
-
// Memoize footer component to preserve identity across renders (Virtuoso optimization)
// Note: useFeedStateString is called inside BoardFooter to isolate re-renders from backend state changes
const footerComponents = useMemo(
@@ -277,8 +253,6 @@ const Board = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp, i
subplebbitAddresses={subplebbitAddresses}
hasMore={hasMore}
combinedFeedLength={combinedFeed.length}
- subplebbitAddressesWithNewerPosts={subplebbitAddressesWithNewerPosts}
- onNewerPostsClick={handleNewerPostsButtonClick}
isInAllView={isInAllView}
isInSubscriptionsView={isInSubscriptionsView}
isInModView={isInModView}
@@ -295,8 +269,6 @@ const Board = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp, i
subplebbitAddresses,
hasMore,
combinedFeed.length,
- subplebbitAddressesWithNewerPosts,
- handleNewerPostsButtonClick,
isInAllView,
isInSubscriptionsView,
isInModView,
diff --git a/src/views/catalog/catalog.module.css b/src/views/catalog/catalog.module.css
index b75ea749..301b8703 100644
--- a/src/views/catalog/catalog.module.css
+++ b/src/views/catalog/catalog.module.css
@@ -3,12 +3,12 @@
color: var(--post-mobile-abbr-text-color);
}
-.footer a, .newerPostsButton {
+.footer a {
text-decoration: var(--button-text-decoration);
color: var(--button-desktop-text-color);
}
-.footer a:hover, .newerPostsButton:hover {
+.footer a:hover {
color: var(--button-desktop-text-color-hover);
}
diff --git a/src/views/catalog/catalog.tsx b/src/views/catalog/catalog.tsx
index 21c171d3..7e387154 100644
--- a/src/views/catalog/catalog.tsx
+++ b/src/views/catalog/catalog.tsx
@@ -1,6 +1,6 @@
import { useEffect, useMemo, useRef, useState, useCallback } from 'react';
import { useLocation, useNavigate, useNavigationType, useParams } from 'react-router-dom';
-import { Trans, useTranslation } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
import { Comment, useAccount, useFeed, useSubplebbit, useAccountComments } from '@plebbit/plebbit-react-hooks';
import { Virtuoso, VirtuosoHandle, StateSnapshot } from 'react-virtuoso';
import useCatalogFeedRows from '../../hooks/use-catalog-feed-rows';
@@ -31,8 +31,6 @@ interface CatalogFooterProps {
subplebbitAddresses: string[];
hasMore: boolean;
combinedFeedLength: number;
- subplebbitAddressesWithNewerPosts: string[];
- onNewerPostsClick: () => void;
isInAllView: boolean;
isInSubscriptionsView: boolean;
isInModView: boolean;
@@ -47,8 +45,6 @@ const CatalogFooter = ({
subplebbitAddresses,
hasMore,
combinedFeedLength,
- subplebbitAddressesWithNewerPosts,
- onNewerPostsClick,
isInAllView,
isInSubscriptionsView,
isInModView,
@@ -65,16 +61,6 @@ const CatalogFooter = ({
if (hasMore || (subplebbitAddresses && subplebbitAddresses.length === 0)) {
footerContent = (
<>
- {subplebbitAddressesWithNewerPosts.length > 0 && (
-
- ,
- }}
- />
-
- )}
{showLoadingEllipsis && (
@@ -314,7 +300,7 @@ const Catalog = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp,
handleFilterMatch,
]);
- const { feed, hasMore, loadMore, reset, subplebbitAddressesWithNewerPosts } = useFeed(feedOptions);
+ const { feed, hasMore, loadMore, reset } = useFeed(feedOptions);
const { accountComments } = useAccountComments();
const resetTriggeredRef = useRef(false);
@@ -375,13 +361,6 @@ const Catalog = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp,
}
}, [filteredComments, reset]);
- const handleNewerPostsButtonClick = useCallback(() => {
- window.scrollTo({ top: 0, left: 0 });
- setTimeout(() => {
- reset();
- }, 300);
- }, [reset]);
-
// suggest the user to change time filter if there aren't enough posts
const setResetFunction = useFeedResetStore((state) => state.setResetFunction);
useEffect(() => {
@@ -403,8 +382,6 @@ const Catalog = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp,
subplebbitAddresses={subplebbitAddresses}
hasMore={hasMore}
combinedFeedLength={cappedFeed.length}
- subplebbitAddressesWithNewerPosts={subplebbitAddressesWithNewerPosts}
- onNewerPostsClick={handleNewerPostsButtonClick}
isInAllView={isInAllView}
isInSubscriptionsView={isInSubscriptionsView}
isInModView={isInModView}
@@ -414,17 +391,7 @@ const Catalog = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp,
),
}),
- [
- subplebbitAddresses,
- hasMore,
- cappedFeed.length,
- subplebbitAddressesWithNewerPosts,
- handleNewerPostsButtonClick,
- isInAllView,
- isInSubscriptionsView,
- isInModView,
- effectiveInfiniteScroll,
- ],
+ [subplebbitAddresses, hasMore, cappedFeed.length, isInAllView, isInSubscriptionsView, isInModView, effectiveInfiniteScroll],
);
const isFeedLoaded = feed.length > 0 || state === 'failed';