added mobile backlinks

This commit is contained in:
plebbitor
2023-04-16 12:54:51 +02:00
parent 6d360d1a02
commit 60b30e2886
3 changed files with 49 additions and 2 deletions
+10 -1
View File
@@ -2793,13 +2793,22 @@ export const BoardForm = styled.div`
padding-left: 5px;
}
.backlink-mobile {
padding: 3px 5px;
clear: both !important;
line-height: 2;
background-color: #c9cde8;
border-top: 1px solid #b7c5d9;
display: block;
}
.quote-link {
color: #34345C;
text-decoration: underline;
}
.quote-link:hover {
color: red;
color: #d00;
}
.backlink span {
+24 -1
View File
@@ -746,7 +746,15 @@ const Board = () => {
: null}
</div>
<div key={`mob-pl-${thread.cid}`} className="post-link-mobile">
<span key={`mob-info-${thread.cid}`} className="info-mobile">{thread.replyCount} Replies</span>
<span key={`mob-info-${thread.cid}`} className="info-mobile">{
thread.replyCount == 0 ?
("No replies")
: thread.replyCount == 1 ?
("1 reply")
: thread.replyCount > 1 ?
(thread.replyCount + " replies")
: null
}</span>
<Link key={`rl2-${thread.cid}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="button-mobile" >View Thread</Link>
</div>
</div>
@@ -839,6 +847,21 @@ const Board = () => {
<Post content={reply.content} key={`post-mobile-${reply.cid}`} handlequoteclick={handleQuoteClick} comment={reply} />
</blockquote>)
: null}
{reply.replyCount > 0 ? (
<div key={`back-mob-${reply.cid}`} className='backlink backlink-mobile'>
{reply.replies?.pages?.topAll.comments
.sort((a, b) => a.timestamp - b.timestamp)
.map((reply) => (
<div key={`div-back${reply.cid}`} style={{display: 'inline-block'}}>
<Link key={`ql-${reply.cid}`}
to={() => {}} className="quote-link"
onClick={(event) => handleQuoteClick(reply, event)}>
c/{reply.shortCid}</Link>
&nbsp;
</div>
))}
</div>
) : null}
</div>
</div>
)})}
+15
View File
@@ -753,6 +753,21 @@ const Thread = () => {
<blockquote key={`mob-pm-${reply.cid}`} className="post-message-mobile">
<Post content={reply.content} comment={reply} handlequoteclick={handleQuoteClick} key={`post-mobile-${reply.cid}`} />
</blockquote>
{reply.replyCount > 0 ? (
<div key={`back-mob-${reply.cid}`} className='backlink backlink-mobile'>
{reply.replies?.pages?.topAll.comments
.sort((a, b) => a.timestamp - b.timestamp)
.map((reply) => (
<div key={`div-back${reply.cid}`} style={{display: 'inline-block'}}>
<Link key={`ql-${reply.cid}`}
to={() => {}} className="quote-link"
onClick={(event) => handleQuoteClick(reply, event)}>
c/{reply.shortCid}</Link>
&nbsp;
</div>
))}
</div>
) : null}
</div>
</div>
)