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;
|
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 {
|
.quote-link {
|
||||||
color: #34345C;
|
color: #34345C;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote-link:hover {
|
.quote-link:hover {
|
||||||
color: red;
|
color: #d00;
|
||||||
}
|
}
|
||||||
|
|
||||||
.backlink span {
|
.backlink span {
|
||||||
|
|||||||
@@ -746,7 +746,15 @@ const Board = () => {
|
|||||||
: null}
|
: null}
|
||||||
</div>
|
</div>
|
||||||
<div key={`mob-pl-${thread.cid}`} className="post-link-mobile">
|
<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>
|
<Link key={`rl2-${thread.cid}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="button-mobile" >View Thread</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -839,6 +847,21 @@ const Board = () => {
|
|||||||
<Post content={reply.content} key={`post-mobile-${reply.cid}`} handlequoteclick={handleQuoteClick} comment={reply} />
|
<Post content={reply.content} key={`post-mobile-${reply.cid}`} handlequoteclick={handleQuoteClick} comment={reply} />
|
||||||
</blockquote>)
|
</blockquote>)
|
||||||
: null}
|
: 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>
|
||||||
</div>
|
</div>
|
||||||
)})}
|
)})}
|
||||||
|
|||||||
@@ -753,6 +753,21 @@ const Thread = () => {
|
|||||||
<blockquote key={`mob-pm-${reply.cid}`} className="post-message-mobile">
|
<blockquote key={`mob-pm-${reply.cid}`} className="post-message-mobile">
|
||||||
<Post content={reply.content} comment={reply} handlequoteclick={handleQuoteClick} key={`post-mobile-${reply.cid}`} />
|
<Post content={reply.content} comment={reply} handlequoteclick={handleQuoteClick} key={`post-mobile-${reply.cid}`} />
|
||||||
</blockquote>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user