From d25c51af61319357dd0b662dcbe8621b4cb2362d Mon Sep 17 00:00:00 2001
From: Tom <mottoes_recap0u@icloud.com>
Date: Tue, 25 Apr 2023 14:53:20 +0200
Subject: [PATCH] remove void onClick to fix react warning

---
 src/components/views/Board.jsx   | 12 ++++++------
 src/components/views/Pending.jsx |  4 ++--
 src/components/views/Thread.jsx  | 12 ++++++------
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 7ea65060..055473b7 100644
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -537,7 +537,7 @@ const Board = () => {
                             <span key={`dt-${thread.cid}`} className="date-time" data-utc="data">{getDate(thread.timestamp)}</span>
                             &nbsp;
                             <span key={`pn-${thread.cid}`} className="post-number post-number-desktop">
-                              <Link to={() => {}} key={`pl1-${thread.cid}`} onClick={() => {}} title="Link to this post">c/</Link>
+                              <Link to={() => {}} key={`pl1-${thread.cid}`} title="Link to this post">c/</Link>
                               <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`pl2-${thread.cid}`} 
                               onClick={(e) => {
                                 if (e.button === 2) return;
@@ -650,7 +650,7 @@ const Board = () => {
                               <span key={`dt-${reply.cid}`} className="date-time" data-utc="data">{getDate(reply.timestamp)}</span>
                               &nbsp;
                               <span key={`pn-${reply.cid}`} className="post-number post-number-desktop">
-                                <Link to={() => {}} key={`pl1-${reply.cid}`} onClick={() => {}} title="Link to this post">c/</Link>
+                                <Link to={() => {}} key={`pl1-${reply.cid}`} title="Link to this post">c/</Link>
                                 {reply.shortCid ? (
                                   <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`pl2-${reply.cid}`} 
                                   onClick={(e) => {
@@ -664,7 +664,7 @@ const Board = () => {
                                   <span key="pending" style={{color: 'red', fontWeight: '700'}}>Pending</span>
                                 )}
                               </span>&nbsp;
-                              <button key={`pmb-${reply.cid}`} className="post-menu-button" onClick={() => {}} title="Post menu" style={{ all: 'unset', cursor: 'pointer' }} data-cmd="post-menu">▶</button>
+                              <button key={`pmb-${reply.cid}`} className="post-menu-button" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }} data-cmd="post-menu">▶</button>
                               <div id="backlink-id" className="backlink">
                                 {reply.replies?.pages?.topAll.comments
                                   .sort((a, b) => a.timestamp - b.timestamp)
@@ -758,7 +758,7 @@ const Board = () => {
                     <div key={`mob-c-${thread.cid}`} className="op-container">
                       <div key={`mob-po-${thread.cid}`} className="post op op-mobile">
                         <div key={`mob-pi-${thread.cid}`} className="post-info-mobile">
-                          <button key={`mob-pb-${thread.cid}`} className="post-menu-button-mobile" onClick={() => {}} style={{ all: 'unset', cursor: 'pointer' }}>...</button>
+                          <button key={`mob-pb-${thread.cid}`} className="post-menu-button-mobile" style={{ all: 'unset', cursor: 'pointer' }}>...</button>
                           <span key={`mob-nbm-${thread.cid}`} className="name-block-mobile">
                             {thread.author.displayName
                             ? thread.author.displayName.length > 15
@@ -804,7 +804,7 @@ const Board = () => {
                           <span key={`mob-dt-${thread.cid}`} className="date-time-mobile post-number-mobile">
                             {getDate(thread.timestamp)}
                             &nbsp;
-                            <Link to={() => {}} key={`mob-no-${thread.cid}`} onClick={() => {}} title="Link to this post">c/</Link>
+                            <Link to={() => {}} key={`mob-no-${thread.cid}`} title="Link to this post">c/</Link>
                             <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-no2-${thread.cid}`} 
                               onClick={(e) => {
                                 if (e.button === 2) return;
@@ -930,7 +930,7 @@ const Board = () => {
                             </span>
                             <span key={`mob-dt-${reply.cid}`} className="date-time-mobile post-number-mobile">
                             {getDate(reply.timestamp)}&nbsp;
-                              <Link to={() => {}} key={`mob-pl1-${reply.cid}`} onClick={() => {}} title="Link to this post">c/</Link>
+                              <Link to={() => {}} key={`mob-pl1-${reply.cid}`} title="Link to this post">c/</Link>
                               {reply.shortCid ? (
                                 <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-pl2-${reply.cid}`} 
                                   onClick={(e) => {
diff --git a/src/components/views/Pending.jsx b/src/components/views/Pending.jsx
index 10139c0f..b59f0d70 100644
--- a/src/components/views/Pending.jsx
+++ b/src/components/views/Pending.jsx
@@ -258,10 +258,10 @@ const Pending = () => {
                         <span className="date-time" data-utc="data">{getDate(comment?.timestamp)}</span>
                         &nbsp;
                         <span className="post-number">
-                          <Link to="" onClick={() => {}} title="Link to this post">c/</Link>
+                          <Link to="" title="Link to this post">c/</Link>
                           <span key="pending" style={{color: 'red', fontWeight: '700'}}>Pending</span>
                         </span>&nbsp;&nbsp;
-                        <button key={`pmb-${"pending"}`} className="post-menu-button" onClick={() => {}} title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>▶</button>
+                        <button key={`pmb-${"pending"}`} className="post-menu-button" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>▶</button>
                       </span>
                       <blockquote key={`blockquote-${"pending"}`}>
                         <Post content={comment.content} comment={comment} handleQuoteClick={handleQuoteClick} key={`post-${"pending"}`} />
diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx
index fc3ee46d..bedd6226 100644
--- a/src/components/views/Thread.jsx
+++ b/src/components/views/Thread.jsx
@@ -515,12 +515,12 @@ const Thread = () => {
                         <span className="date-time" data-utc="data">{getDate(comment?.timestamp)}</span>
                         &nbsp;
                         <span className="post-number post-number-desktop">
-                          <Link to={() => {}} onClick={() => {}} title="Link to this post">c/</Link>
+                          <Link to={() => {}} title="Link to this post">c/</Link>
                           <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>&nbsp;&nbsp;
-                        <button key={`pmb-${comment.cid}`} className="post-menu-button" onClick={() => {}} title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>▶</button>
+                        <button key={`pmb-${comment.cid}`} className="post-menu-button" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>▶</button>
                         <div id="backlink-id" className="backlink">
                           {comment?.replies?.pages?.topAll.comments
                             .sort((a, b) => a.timestamp - b.timestamp)
@@ -598,7 +598,7 @@ const Thread = () => {
                             <span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(reply?.timestamp)}</span>
                             &nbsp;
                             <span key={`pn-${index}`} className="post-number post-number-desktop">
-                              <Link to={() => {}} key={`pl1-${index}`} onClick={() => {}} title="Link to this post">c/</Link>
+                              <Link to={() => {}} key={`pl1-${index}`} title="Link to this post">c/</Link>
                               {reply.shortCid ? (
                                 <button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`pl2-${index}`} onClick={() => {
                                   setIsReplyOpen(true); setSelectedParentCid(reply.cid); setSelectedShortCid(reply.shortCid);
@@ -607,7 +607,7 @@ const Thread = () => {
                                 <span key="pending" style={{color: 'red', fontWeight: '700'}}>Pending</span>
                               )}
                             </span>&nbsp;
-                            <button key={`pmb-${index}`} className="post-menu-button" onClick={() => {}} title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>▶</button>
+                            <button key={`pmb-${index}`} className="post-menu-button" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>▶</button>
                             <div id="backlink-id" className="backlink">
                               {reply.replies?.pages?.topAll.comments
                                 .sort((a, b) => a.timestamp - b.timestamp)
@@ -737,7 +737,7 @@ const Thread = () => {
                           <button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`mob-no-${comment.cid}`} onClick={() => {
                             setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid);
                             }} title="Link to this post">c/</button>
-                          <Link to={() => {}} key={`mob-no2-${comment.cid}`} onClick={() => {}} title="Reply to this post">{comment.shortCid}</Link>
+                          <Link to={() => {}} key={`mob-no2-${comment.cid}`} title="Reply to this post">{comment.shortCid}</Link>
                         </span>
                       </div>
                       {commentMediaInfo?.url ? (
@@ -831,7 +831,7 @@ const Thread = () => {
                           </span>
                           <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
                             {getDate(reply?.timestamp)}&nbsp;
-                            <Link to={() => {}} key={`mob-pl1-${index}`} onClick={() => {}} title="Link to this post">c/</Link>
+                            <Link to={() => {}} key={`mob-pl1-${index}`} title="Link to this post">c/</Link>
                             {reply.shortCid ? (
                               <button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`mob-pl2-${index}`} onClick={() => {
                                 setIsReplyOpen(true); setSelectedParentCid(reply.cid); setSelectedShortCid(reply.shortCid);