diff --git a/src/views/board/board.tsx b/src/views/board/board.tsx index 163ce7bc..2a0de437 100644 --- a/src/views/board/board.tsx +++ b/src/views/board/board.tsx @@ -1,4 +1,4 @@ -import { useEffect, useMemo, useRef } from 'react'; +import { useCallback, useEffect, useMemo, useRef } from 'react'; import { useLocation, useNavigate, useNavigationType, useParams } from 'react-router-dom'; import { Comment, useAccount, useAccountComments, useAccountSubplebbits, useFeed, useSubplebbit } from '@plebbit/plebbit-react-hooks'; import { useSubplebbitField } from '../../hooks/use-stable-subplebbit'; @@ -291,6 +291,8 @@ const Board = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp, i const virtuosoStateKey = feedCacheKey ? `${feedCacheKey}-${BOARD_SORT_TYPE}` : `${location.pathname}-${BOARD_SORT_TYPE}`; const navigationType = useNavigationType(); + const boardItemContent = useCallback((index: number, post: Comment | undefined) => , []); + const hasBeenVisibleRef = useRef(false); useEffect(() => { if (isVisible && !hasBeenVisibleRef.current) { @@ -353,11 +355,11 @@ const Board = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp, i {effectiveInfiniteScroll ? ( post?.cid || `post-${index}`} - itemContent={(index, post) => } + itemContent={boardItemContent} useWindowScroll={true} components={footerComponents} endReached={hasMore ? loadMore : undefined} diff --git a/src/views/catalog/catalog.tsx b/src/views/catalog/catalog.tsx index ca429838..911124f7 100644 --- a/src/views/catalog/catalog.tsx +++ b/src/views/catalog/catalog.tsx @@ -503,7 +503,7 @@ const Catalog = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp, <> } diff --git a/src/views/mod-queue/mod-queue.tsx b/src/views/mod-queue/mod-queue.tsx index 70ba5558..f17b8c33 100644 --- a/src/views/mod-queue/mod-queue.tsx +++ b/src/views/mod-queue/mod-queue.tsx @@ -771,7 +771,7 @@ const ModQueueView = ({ boardIdentifier: propBoardIdentifier }: ModQueueViewProp data={feed} totalCount={feed.length} endReached={loadMore} - increaseViewportBy={{ bottom: 1200, top: 1200 }} + increaseViewportBy={{ bottom: 600, top: 600 }} itemContent={(index, comment) => } components={footerComponents} /> @@ -799,7 +799,7 @@ const ModQueueView = ({ boardIdentifier: propBoardIdentifier }: ModQueueViewProp data={feed} totalCount={feed.length} endReached={loadMore} - increaseViewportBy={{ bottom: 1200, top: 1200 }} + increaseViewportBy={{ bottom: 600, top: 600 }} itemContent={(_index, comment) => } components={footerComponents} /> @@ -827,7 +827,7 @@ const ModQueueView = ({ boardIdentifier: propBoardIdentifier }: ModQueueViewProp data={feed} totalCount={feed.length} endReached={loadMore} - increaseViewportBy={{ bottom: 1200, top: 1200 }} + increaseViewportBy={{ bottom: 600, top: 600 }} itemContent={(_index, comment) => } components={footerComponents} />