External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

revert InfiniteScroll

Browse Source
This commit is contained in:
plebbitor
2023-02-14 21:13:15 +01:00
parent 7946abbc8e
commit 9d46bf94e4
3 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Board.jsx
+5 -4
View File
@@ -4,7 +4,8 @@ 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 } from '@plebbit/plebbit-react-hooks'; import { useFeed } from '@plebbit/plebbit-react-hooks';
import InfiniteScroll from 'react-infinite-scroller'; // import InfiniteScroll from 'react-infinite-scroller';
const Board = ({ setBodyStyle }) => { const Board = ({ setBodyStyle }) => {
const [defaultSubplebbits, setDefaultSubplebbits] = useState([]); const [defaultSubplebbits, setDefaultSubplebbits] = useState([]);
@@ -217,12 +218,12 @@ const Board = ({ setBodyStyle }) => {
</TopBar> </TopBar>
<BoardForm selectedStyle={selectedStyle} id="board-form" name="board-form" action="" method="post"> <BoardForm selectedStyle={selectedStyle} id="board-form" name="board-form" action="" method="post">
<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;
@@ -304,7 +305,7 @@ const Board = ({ setBodyStyle }) => {
<hr key={`hr-${thread.cid}`} /> <hr key={`hr-${thread.cid}`} />
</> </>
)})} )})}
</InfiniteScroll> {/* </InfiniteScroll> */}
</div> </div>
</BoardForm> </BoardForm>
</Container> </Container>
src/components/Home.jsx
+1 -1
View File
@@ -97,7 +97,7 @@ const Home = ({ setBodyStyle }) => {
<a href="https://gitcoin.co/grants/5515/plebbit-a-serverless-adminless-decentralized-redd" target="_blank" rel="noopener noreferrer">Donate</a> <a href="https://gitcoin.co/grants/5515/plebbit-a-serverless-adminless-decentralized-redd" target="_blank" rel="noopener noreferrer">Donate</a>
</li> </li>
<li> <li>
<a href="https://plebbit.net/whitepaper" target="_blank" rel="noopener noreferrer">Whitepaper</a> <a href="https://plebbit.com/whitepaper" target="_blank" rel="noopener noreferrer">Whitepaper</a>
</li> </li>
<li> <li>
<a href="https://snowtrace.io/token/0x625fc9bb971bb305a2ad63252665dcfe9098bee9" target="_blank" rel="noopener noreferrer">Contract</a> <a href="https://snowtrace.io/token/0x625fc9bb971bb305a2ad63252665dcfe9098bee9" target="_blank" rel="noopener noreferrer">Contract</a>
src/components/styles/Board.styled.jsx
+6 -6
View File
@@ -1065,7 +1065,7 @@ export const BoardForm = styled.form`
} }
.post-info { .post-info {
margin: 2px 0; margin: 3px;
display: block; display: block;
width: 100%; width: 100%;
} }
@@ -1194,7 +1194,7 @@ export const BoardForm = styled.form`
} }
.post-info { .post-info {
margin: 2px 0; margin: 3px;
display: block; display: block;
width: 100%; width: 100%;
} }
@@ -1326,7 +1326,7 @@ export const BoardForm = styled.form`
} }
.post-info { .post-info {
margin: 2px 0; margin: 3px;
display: block; display: block;
width: 100%; width: 100%;
} }
@@ -1462,7 +1462,7 @@ export const BoardForm = styled.form`
} }
.post-info { .post-info {
margin: 2px 0; margin: 3px;
display: block; display: block;
width: 100%; width: 100%;
} }
@@ -1591,7 +1591,7 @@ export const BoardForm = styled.form`
} }
.post-info { .post-info {
margin: 2px 0; margin: 3px;
display: block; display: block;
width: 100%; width: 100%;
} }
@@ -1724,7 +1724,7 @@ export const BoardForm = styled.form`
} }
.post-info { .post-info {
margin: 2px 0; margin: 3px;
display: block; display: block;
width: 100%; width: 100%;
} }