test InfiniteScroll

This commit is contained in:
plebbitor
2023-02-15 20:40:43 +01:00
parent 75d14cc226
commit 58198a43bc
+4 -4
View File
@@ -4,7 +4,7 @@ import { BoardContext } from '../App';
import { Container, NavBar, Header, Break, PostFormLink, PostFormTable, PostForm, TopBar, BoardForm } from './styles/Board.styled'; import { Container, NavBar, Header, Break, PostFormLink, PostFormTable, PostForm, TopBar, BoardForm } from './styles/Board.styled';
import ImageBanner from './ImageBanner'; import ImageBanner from './ImageBanner';
import { useFeed, useAccountsActions } from '@plebbit/plebbit-react-hooks'; import { useFeed, useAccountsActions } from '@plebbit/plebbit-react-hooks';
// import InfiniteScroll from 'react-infinite-scroller'; import InfiniteScroll from 'react-infinite-scroller';
const Board = ({ setBodyStyle }) => { const Board = ({ setBodyStyle }) => {
@@ -300,12 +300,12 @@ const Board = ({ setBodyStyle }) => {
</TopBar> </TopBar>
<BoardForm selectedStyle={selectedStyle}> <BoardForm selectedStyle={selectedStyle}>
<div className="board"> <div className="board">
{/* <InfiniteScroll <InfiniteScroll
pageStart={0} pageStart={0}
loadMore={loadMore} loadMore={loadMore}
hasMore={hasMore} hasMore={hasMore}
loader={<div>Loading...</div>} loader={<div>Loading...</div>}
> */} >
{feed.map(object => { {feed.map(object => {
let counter = 1; let counter = 1;
const thread = object; const thread = object;
@@ -387,7 +387,7 @@ const Board = ({ setBodyStyle }) => {
<hr key={`hr-${thread.cid}`} /> <hr key={`hr-${thread.cid}`} />
</> </>
)})} )})}
{/* </InfiniteScroll> */} </InfiniteScroll>
</div> </div>
</BoardForm> </BoardForm>
</Container> </Container>