diff --git a/src/components/styled/Board.styled.jsx b/src/components/styled/Board.styled.jsx index 23e68b3f..b32fbc9f 100644 --- a/src/components/styled/Board.styled.jsx +++ b/src/components/styled/Board.styled.jsx @@ -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 { diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx index 5dda1beb..4dbcda44 100644 --- a/src/components/views/Board.jsx +++ b/src/components/views/Board.jsx @@ -746,7 +746,15 @@ const Board = () => { : null}
- {thread.replyCount} Replies + { + thread.replyCount == 0 ? + ("No replies") + : thread.replyCount == 1 ? + ("1 reply") + : thread.replyCount > 1 ? + (thread.replyCount + " replies") + : null + } setSelectedThread(thread.cid)} className="button-mobile" >View Thread
@@ -839,6 +847,21 @@ const Board = () => { ) : null} + {reply.replyCount > 0 ? ( +
+ {reply.replies?.pages?.topAll.comments + .sort((a, b) => a.timestamp - b.timestamp) + .map((reply) => ( +
+ {}} className="quote-link" + onClick={(event) => handleQuoteClick(reply, event)}> + c/{reply.shortCid} +   +
+ ))} +
+ ) : null} )})} diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx index e9b7e644..098eedd0 100644 --- a/src/components/views/Thread.jsx +++ b/src/components/views/Thread.jsx @@ -753,6 +753,21 @@ const Thread = () => {
+ {reply.replyCount > 0 ? ( +
+ {reply.replies?.pages?.topAll.comments + .sort((a, b) => a.timestamp - b.timestamp) + .map((reply) => ( +
+ {}} className="quote-link" + onClick={(event) => handleQuoteClick(reply, event)}> + c/{reply.shortCid} +   +
+ ))} +
+ ) : null} )