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

fix thread replies

Browse Source
This commit is contained in:
plebbitor
2023-04-15 21:08:16 +02:00
parent 9d4d989068
commit e636258f0f
1 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/Thread.jsx
+16 -16
View File
@@ -61,6 +61,8 @@ const Thread = () => {
useError(errorMessage, [errorMessage]); useError(errorMessage, [errorMessage]);
useSuccess(successMessage, [successMessage]); useSuccess(successMessage, [successMessage]);
const renderedComments = renderThreadComments(comment?.replies?.pages?.topAll.comments);
// temporary title from JSON, gets subplebbitAddress and threadCid from URL // temporary title from JSON, gets subplebbitAddress and threadCid from URL
useEffect(() => { useEffect(() => {
setSelectedAddress(subplebbitAddress); setSelectedAddress(subplebbitAddress);
@@ -503,9 +505,7 @@ const Thread = () => {
</div> </div>
{comment.replyCount === undefined ? <PostLoader /> : null} {comment.replyCount === undefined ? <PostLoader /> : null}
{comment.replyCount > 0 && {comment.replyCount > 0 &&
Object.keys(comment?.replies?.pages?.topAll.comments).map(() => { renderedComments.map((reply) => {
const renderedComments = renderThreadComments(comment?.replies?.pages?.topAll.comments);
return renderedComments.map(reply => {
const replyMediaInfo = getCommentMediaInfo(reply); const replyMediaInfo = getCommentMediaInfo(reply);
const fallbackImgUrl = "/assets/filedeleted-res.gif"; const fallbackImgUrl = "/assets/filedeleted-res.gif";
return ( return (
@@ -515,25 +515,25 @@ const Thread = () => {
<div key={`pi-${reply.cid}`} className="post-info"> <div key={`pi-${reply.cid}`} className="post-info">
&nbsp; &nbsp;
<span key={`nb-${reply.cid}`} className="nameblock"> <span key={`nb-${reply.cid}`} className="nameblock">
{reply.author.displayName {reply.author?.displayName
? reply.author.displayName.length > 20 ? reply.author?.displayName.length > 20
? <> ? <>
<span key={`mob-n-${reply.cid}`} className="name" <span key={`mob-n-${reply.cid}`} className="name"
data-tooltip-id="tooltip" data-tooltip-id="tooltip"
data-tooltip-content={reply.author.displayName} data-tooltip-content={reply.author?.displayName}
data-tooltip-place="top"> data-tooltip-place="top">
{reply.author.displayName.slice(0, 20) + " (...)"} {reply.author?.displayName.slice(0, 20) + " (...)"}
</span> </span>
</> </>
: <span key={`mob-n-${reply.cid}`} className="name"> : <span key={`mob-n-${reply.cid}`} className="name">
{reply.author.displayName}</span> {reply.author?.displayName}</span>
: <span key={`mob-n-${reply.cid}`} className="name"> : <span key={`mob-n-${reply.cid}`} className="name">
Anonymous</span>} Anonymous</span>}
&nbsp; &nbsp;
<span key={`pa-${reply.cid}`} className="poster-address"> <span key={`pa-${reply.cid}`} className="poster-address">
(u/ (u/
<span key={`mob-ha-${reply.cid}`}> <span key={`mob-ha-${reply.cid}`}>
{reply.author.shortAddress} {reply.author?.shortAddress}
</span>) </span>)
</span> </span>
</span> </span>
@@ -614,7 +614,7 @@ const Thread = () => {
</div> </div>
) )
}) })
})} }
</div> </div>
<div className="thread-mobile" key="thread-mobile"> <div className="thread-mobile" key="thread-mobile">
<hr /> <hr />
@@ -720,25 +720,25 @@ const Thread = () => {
<div key={`mob-pi-${reply.cid}`} className="post-info-mobile"> <div key={`mob-pi-${reply.cid}`} className="post-info-mobile">
<button className="post-menu-button-mobile" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>...</button> <button className="post-menu-button-mobile" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>...</button>
<span key={`mob-nb-${reply.cid}`} className="name-block-mobile"> <span key={`mob-nb-${reply.cid}`} className="name-block-mobile">
{reply.author.displayName {reply.author?.displayName
? reply.author.displayName.length > 12 ? reply.author?.displayName.length > 12
? <> ? <>
<span key={`mob-n-${reply.cid}`} className="name-mobile" <span key={`mob-n-${reply.cid}`} className="name-mobile"
data-tooltip-id="tooltip" data-tooltip-id="tooltip"
data-tooltip-content={reply.author.displayName} data-tooltip-content={reply.author?.displayName}
data-tooltip-place="top"> data-tooltip-place="top">
{reply.author.displayName.slice(0, 12) + " (...)"} {reply.author?.displayName.slice(0, 12) + " (...)"}
</span> </span>
</> </>
: <span key={`mob-n-${reply.cid}`} className="name-mobile"> : <span key={`mob-n-${reply.cid}`} className="name-mobile">
{reply.author.displayName}</span> {reply.author?.displayName}</span>
: <span key={`mob-n-${reply.cid}`} className="name-mobile"> : <span key={`mob-n-${reply.cid}`} className="name-mobile">
Anonymous</span>} Anonymous</span>}
&nbsp; &nbsp;
<span key={`mob-pa-${reply.cid}`} className="poster-address-mobile"> <span key={`mob-pa-${reply.cid}`} className="poster-address-mobile">
(u/ (u/
<span key={`mob-ha-${reply.cid}`} className="highlight-address-mobile"> <span key={`mob-ha-${reply.cid}`} className="highlight-address-mobile">
{reply.author.shortAddress} {reply.author?.shortAddress}
</span> </span>
) )
</span> </span>