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

completed map of feed posts and replies

Browse Source
This commit is contained in:
plebbitor
2023-02-08 11:02:02 +01:00
parent 1046576fac
commit e13e844f07
1 changed files with 58 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Board.jsx
+58 -53
View File
@@ -101,86 +101,91 @@ const Board = () => {
</TopBar> </TopBar>
<BoardForm id="board-form" name="board-form" action="" method="post"> <BoardForm id="board-form" name="board-form" action="" method="post">
<div className="board"> <div className="board">
{feed.map(object => ( {feed.map(object => {
const thread = object;
const { replies: { pages: { topAll: { comments } } } } = object;
return (
<> <>
<div id="t" className="thread"> <div key={`t-${thread.cid}`} className="thread">
<div id="pc" className="post-container op-container"> <div key={`c-${thread.pc}`} className="post-container op-container">
<div id="p" className="post op"> <div key={`po-${thread.cid}`} className="post op">
<span id="sa"> <span key={`sa-${thread.cid}`}>
<img alt="H" className="ext-button thread-hide-button" data-cmd="hide" data-id="1-test" src="./post_expand_minus.png" title="Hide thread" /> <img key={`eb-${thread.cid}`} alt="H" className="ext-button thread-hide-button" data-cmd="hide" data-id="1-test" src="./post_expand_minus.png" title="Hide thread" />
</span> </span>
<div id="pi" className="post-info"> <div key={`pi-${thread.cid}`} className="post-info">
&nbsp;
<span className="name-block"> <span key={`nb-${thread.cid}`} className="name-block">
<span className="name">Tom</span> <span key={`n-${thread.cid}`} className="name">{thread.author.displayName}</span>
&nbsp;
<span className="poster-address"> <span key={`pa-${thread.cid}`} className="poster-address">
(User: plebeius.eth) (User: {thread.author.address})
</span> </span>
</span> </span>
&nbsp;
<span className="date-time" data-utc="data">2 weeks ago</span> <span key={`dt-${thread.cid}`} className="date-time" data-utc="data">2 weeks ago</span>
&nbsp;
<span className="post-number"> <span key={`pn-${thread.cid}`} className="post-number">
<a href="post-link" title="Link to this post">No.</a> <a key={`pl1-${thread.cid}`} href="post-link" title="Link to this post">No.</a>
<a href="post-link" title="Reply to this post">00000001</a> <a key={`pl2-${thread.cid}`} href="post-link" title="Reply to this post">00000001</a>
&nbsp; &nbsp;
<span> <span key={`rl1-${thread.cid}`}>
[ [
<a className="reply-link" href="post-link">Reply</a> <a key={`rl2-${thread.cid}`} className="reply-link" href="post-link">Reply</a>
] ]
</span> </span>
</span> </span>
<a className="post-menu-button" href="post-menu" title="Post menu" data-cmd="post-menu">▶</a> <a key={`pmb-${thread.cid}`} className="post-menu-button" href="post-menu" title="Post menu" data-cmd="post-menu">▶</a>
<div id="backlink-id" className="backlink"> <div key={`bi-${thread.cid}`} id="backlink-id" className="backlink">
<span> <span key={`ql1-${thread.cid}`}>
<a className="quote-link" href="post-link">{'>>'}00000002</a> <a key={`ql2-${thread.cid}`} className="quote-link" href="post-link">{'>>'}00000002</a>
</span> </span>
</div> </div>
<blockquote> <blockquote key={`t-${thread.cid}`}>
<span className="quote"> <span key={`q-${thread.cid}`} className="quote">
{'>'}wen mvp {'>'}{thread.title}
</span> </span>
<br /> <br key={`br-${thread.cid}`} />
two more weeks {thread.content}
</blockquote> </blockquote>
</div> </div>
</div> </div>
</div> </div>
<div key={`pc-${object.cid}`} className="post-container reply-container"> {comments.map(reply => (
<div key={`sa-${object.cid}`} className="side-arrows">{'>>'}</div> <div key={`pc-${reply.cid}`} className="post-container reply-container">
<div key={`pr-${object.cid}`} className="post-reply"> <div key={`sa-${reply.cid}`} className="side-arrows">{'>>'}</div>
<div key={`pi-${object.cid}`} className="post-info"> <div key={`pr-${reply.cid}`} className="post-reply">
<div key={`pi-${reply.cid}`} className="post-info">
<span key={`nb-${object.cid}`} className="nameblock"> &nbsp;
<span key={`n-${object.cid}`} className="name">{object.author.displayName}</span> <span key={`nb-${reply.cid}`} className="nameblock">
<span key={`n-${reply.cid}`} className="name">{reply.author.displayName}</span>
<span key={`pa-${object.cid}`} className="poster-address"> &nbsp;
(User: {object.author.address}) <span key={`pa-${reply.cid}`} className="poster-address">
(User: {reply.author.address})
</span> </span>
</span> </span>
&nbsp;
<span key={`dt-${object.cid}`} className="date-time" data-utc="data">2 weeks ago</span> <span key={`dt-${reply.cid}`} className="date-time" data-utc="data">2 weeks ago</span>
&nbsp;
<span key={`pn-${object.cid}`} className="post-number"> <span key={`pn-${reply.cid}`} className="post-number">
<a key={`pl1-${object.cid}`} href="post-link" title="Link to this post">No.</a> <a key={`pl1-${reply.cid}`} href="post-link" title="Link to this post">No.</a>
<a key={`pl2-${object.cid}`} href="post-link" title="Reply to this post">00000002</a> <a key={`pl2-${reply.cid}`} href="post-link" title="Reply to this post">00000002</a>
</span> </span>
<a key={`pmb-${object.cid}`} className="post-menu-button" href="#" title="Post menu" data-cmd="post-menu">▶</a> <a key={`pmb-${reply.cid}`} className="post-menu-button" href="#" title="Post menu" data-cmd="post-menu">▶</a>
</div> </div>
<blockquote key={`pm-${object.cid}`} className="post-message"> <blockquote key={`pm-${reply.cid}`} className="post-message">
<span key={`q-${object.cid}`} className="quote"> <span key={`q-${reply.cid}`} className="quote">
{'>'}{object.title} {'>'}{reply.title}
</span> </span>
<br /> <br />
{object.content} {reply.content}
</blockquote> </blockquote>
</div> </div>
</div> </div>
))}
</div> </div>
<hr /> <hr />
</> </>
))} )})}
</div> </div>
</BoardForm> </BoardForm>
</Container> </Container>