mirror of
https://github.com/bitsocialnet/5chan.git
synced 2026-08-03 07:41:04 +02:00
added mobile backlinks
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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>
|
||||
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
</div>
|
||||
)})}
|
||||
|
||||
@@ -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>
|
||||
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user