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 element key bug

Browse Source
This commit is contained in:
plebbitor
2023-03-28 11:23:27 +02:00
parent acb90e244e
commit 652fbd2020
6 changed files with 43 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/Board.jsx
+8 -8
View File
@@ -378,13 +378,13 @@ const Board = () => {
loadMore={tryLoadMore}
hasMore={hasMore}
>
{feed.map((thread, index) => {
{feed.map((thread) => {
const { replies: { pages: { topAll: { comments } } } } = thread;
const { renderedComments, omittedCount } = renderComments(comments);
const commentMediaInfo = getCommentMediaInfo(thread);
const fallbackImgUrl = "/assets/filedeleted-res.gif";
return (
<Fragment key={`${index}-${thread.cid}`}>
<Fragment key={`fr-${thread.cid}`}>
<div key={`t-${thread.cid}`} className="thread">
<div key={`c-${thread.cid}`} className="op-container">
<div key={`po-${thread.cid}`} className="post op">
@@ -482,8 +482,8 @@ const Board = () => {
<div key={`bi-${thread.cid}`} id="backlink-id" className="backlink">
{thread.replies?.pages.topAll.comments
.sort((a, b) => a.timestamp - b.timestamp)
.map((reply, index) => (
<div key={`${index}-${reply.cid}`} style={{display: 'inline-block'}}>
.map((reply) => (
<div key={`div-${reply.cid}`} style={{display: 'inline-block'}}>
<Link key={`ql-${reply.cid}`}
to={handleVoidClick} className="quote-link"
onClick={(event) => handleQuoteClick(reply, event)}>
@@ -523,9 +523,9 @@ const Board = () => {
</span>
</span>) : null}
</span>
{renderedComments.map((reply, index) => {
{renderedComments.map((reply) => {
return (
<div key={`${index}-${reply.cid}`} className="reply-container">
<div key={`rc-${reply.cid}`} className="reply-container">
<div key={`sa-${reply.cid}`} className="side-arrows">{'>>'}</div>
<div key={`pr-${reply.cid}`} className="post-reply">
<div key={`pi-${reply.cid}`} className="post-info">
@@ -726,9 +726,9 @@ const Board = () => {
<Link key={`rl2-${thread.cid}`} to={`/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="button-mobile" >View Thread</Link>
</div>
</div>
{renderedComments.map((reply, index) => {
{renderedComments.map((reply) => {
return (
<div key={`${index}-${reply.cid}`} className="reply-container">
<div key={`mob-rc-${reply.cid}`} className="reply-container">
<div key={`mob-pr-${reply.cid}`} className="post-reply">
<div key={`mob-pi-${reply.cid}`} className="post-info-mobile">
<button key={`pmbm-${reply.cid}`} className="post-menu-button-mobile" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>...</button>