From 7266c58d7161fe8adc80bb434c81599bb8d7248c Mon Sep 17 00:00:00 2001
From: Renard
Date: Tue, 17 Sep 2019 01:52:07 -0300
Subject: Fix: keys y offset
---
src/Board.js | 8 +++++---
1 file changed, 5 insertions(+), 3 deletions(-)
(limited to 'src')
diff --git a/src/Board.js b/src/Board.js
index 55df603..e4ec05a 100644
--- a/src/Board.js
+++ b/src/Board.js
@@ -56,8 +56,9 @@ class Board extends Component {
}
fetchMoreThreads() {
+ console.log("fetching more");
fetch(
- `https://bienvenidoainternet.org/cgi/api/list?dir=${this.props.dir}&replies=5&limit=10&offset${this.threadOffset}`
+ `https://bienvenidoainternet.org/cgi/api/list?dir=${this.props.dir}&replies=5&limit=10&offset=${this.threadOffset}`
)
.then(response => {
return response.json();
@@ -66,6 +67,7 @@ class Board extends Component {
if (resource.state === "success") {
if (resource.threads.length > 0) {
const moreThreads = this.state.threadList.concat(resource.threads);
+ this.threadOffset += 10;
this.setState({ threadList: moreThreads, loadingMore: false });
}
}
@@ -122,7 +124,7 @@ class Board extends Component {
<Breadcrumb.Section link>{currentBoard.name}</Breadcrumb.Section>
</Breadcrumb>
{threadList.map(thread => (
- <Segment.Group key={thread.id}>
+ <Segment.Group key={"seg_" + thread.timestamp + thread.id}>
<Header as="h3" attached>
<Link to={`/${this.props.dir}/read/${thread.id}`}>
{thread.subject}
@@ -147,7 +149,7 @@ class Board extends Component {
post={reply}
locked={thread.locked}
threadId={thread.id}
- key={index}
+ key={"reply_" + reply.id}
currentBoard={currentBoard}
/>
))}
--
cgit v1.2.1-18-gbd029