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}
)