From 1c214ebf5ccdc827e96d0bdb59ab545898bee104 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 23 Jun 2023 15:37:46 +0200
Subject: [PATCH] fix text selection for greentext

---
 src/components/views/Board.jsx  |  2 +-
 src/components/views/Thread.jsx | 44 +++++++++++++++++++++------------
 2 files changed, 29 insertions(+), 17 deletions(-)

diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 47240ac6..d97e5568 100755
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -1754,7 +1754,7 @@ const Board = () => {
                                     ref={el => {
                                       quoteRefs.current[reply.cid] = el;
                                     }}
-                                    onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
+                                    onClick={() => handleQuoteClick(reply, shortParentCid, null)}
                                     onMouseOver={(event) => {
                                       event.stopPropagation();
                                       handleQuoteHover(reply, shortParentCid, () => {
diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx
index 2cc2cfb4..faa41c31 100755
--- a/src/components/views/Thread.jsx
+++ b/src/components/views/Thread.jsx
@@ -839,10 +839,13 @@ const Thread = () => {
                         <span className="date-time" data-utc="data">{getDate(comment?.timestamp)}</span>
                         &nbsp;
                         <span className="post-number post-number-desktop">
-                          <span style={{cursor: 'pointer'}}>c/</span>
-                          <button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} onClick={() => {
-                            setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid);
-                            }} title="Reply to this post">{comment.shortCid}</button>
+                          <span>c/</span>
+                          <Link to={() => {}} id="reply-button" style={{ cursor: 'pointer' }} 
+                          onClick={() => {
+                            setIsReplyOpen(true); 
+                            setSelectedParentCid(comment.cid); 
+                            setSelectedShortCid(comment.shortCid);
+                            }} title="Reply to this post">{comment.shortCid}</Link>
                         </span>&nbsp;
                         {comment.pinned ? (
                           <>
@@ -1069,17 +1072,21 @@ const Thread = () => {
                               </span>
                             </span>
                             &nbsp;
-                            <span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(reply?.timestamp)}</span>
-                            &nbsp;
-                            <span style={{cursor: 'pointer'}} key={`pn-${index}`} className="post-number post-number-desktop">
+                            <span key={`dt-${index}`} className="date-time">
+                              {getDate(reply?.timestamp)}&nbsp;
+                            <span key={`pn-${index}`} className="post-number post-number-desktop">
                               <span key={`pl1-${index}`}>c/</span>
                               {reply.shortCid ? (
-                                <button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`pl2-${index}`} onClick={() => {
-                                  setIsReplyOpen(true); setSelectedParentCid(reply.cid); setSelectedShortCid(reply.shortCid);
-                                  }} title="Reply to this post">{reply.shortCid}</button>
+                                <Link id="reply-button" key={`pl2-${index}`}
+                                 onClick={() => {
+                                  setIsReplyOpen(true); 
+                                  setSelectedParentCid(reply.cid); 
+                                  setSelectedShortCid(reply.shortCid);
+                                  }} title="Reply to this post">{reply.shortCid}</Link>
                               ) : (
                                 <PendingLabel key="pending" commentIndex={reply.index} />
                               )}
+                              </span>
                             </span>&nbsp;
                             <PostMenu 
                               key={`pmb-${index}`} 
@@ -1443,10 +1450,12 @@ const Thread = () => {
                           {getDate(comment?.timestamp)}
                           &nbsp;
                           <span key={`mob-no-${comment.cid}`}>c/</span>
-                          <span id="reply-button" style={{cursor: 'pointer'}} key={`mob-no2-${comment.cid}`} title="Reply to this post"
+                          <Link to={() => {}} id="reply-button" key={`mob-no2-${comment.cid}`} title="Reply to this post"
                           onClick={() => {
-                            setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid);
-                            }}>{comment.shortCid}</span>
+                            setIsReplyOpen(true); 
+                            setSelectedParentCid(comment.cid); 
+                            setSelectedShortCid(comment.shortCid);
+                            }}>{comment.shortCid}</Link>
                         </span>
                       </div>
                       {commentMediaInfo?.url ? (
@@ -1562,9 +1571,12 @@ const Thread = () => {
                             {getDate(reply?.timestamp)}&nbsp;
                             <span key={`mob-pl1-${index}`}>c/</span>
                             {reply.shortCid ? (
-                              <button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`mob-pl2-${index}`} onClick={() => {
-                                setIsReplyOpen(true); setSelectedParentCid(reply.cid); setSelectedShortCid(reply.shortCid);
-                                }} title="Reply to this post">{reply.shortCid}</button>
+                              <Link id="reply-button" key={`mob-pl2-${index}`} 
+                              onClick={() => {
+                                setIsReplyOpen(true); 
+                                setSelectedParentCid(reply.cid); 
+                                setSelectedShortCid(reply.shortCid);
+                                }} title="Reply to this post">{reply.shortCid}</Link>
                             ) : (
                               <PendingLabel key="pending-mob" commentIndex={reply.index} />
                             )}