From 74ddae0ed7a9fc9b1724355d076dbdb13107c861 Mon Sep 17 00:00:00 2001
From: "Tom (plebeius.eth)" <tom@plebbit.com>
Date: Thu, 29 Aug 2024 12:56:09 +0200
Subject: [PATCH] fix(post): "c/" was clickable while post is pending

---
 src/components/post-desktop/post-desktop.tsx | 35 +++++++++-----------
 src/components/post-mobile/post-mobile.tsx   | 35 +++++++++-----------
 2 files changed, 32 insertions(+), 38 deletions(-)

diff --git a/src/components/post-desktop/post-desktop.tsx b/src/components/post-desktop/post-desktop.tsx
index 633b1902..f35f2fe1 100644
--- a/src/components/post-desktop/post-desktop.tsx
+++ b/src/components/post-desktop/post-desktop.tsx
@@ -153,25 +153,22 @@ const PostInfo = ({ openReplyModal, post, postReplyCount = 0, roles, isHidden }:
             <Link to={`/p/${subplebbitAddress}`}>p/{subplebbitAddress && Plebbit.getShortAddress(subplebbitAddress)}</Link>{' '}
           </span>
         )}
-        {!(isDescription || isRules) && (
-          <span className={styles.postNumLink}>
-            {cid ? (
-              <>
-                <Link to={`/p/${subplebbitAddress}/c/${cid}`} className={styles.linkToPost} title={t('link_to_post')} onClick={(e) => !cid && e.preventDefault()}>
-                  c/
-                </Link>
-                <span className={styles.replyToPost} title={t('reply_to_post')} onMouseDown={() => openReplyModal && openReplyModal(cid, postCid, subplebbitAddress)}>
-                  {shortCid}
-                </span>
-              </>
-            ) : (
-              <>
-                <span style={{ cursor: 'pointer' }}>c/</span>
-                <span className={styles.pendingCid}>{state === 'failed' || stateString === 'Failed' ? 'Failed' : 'Pending'}</span>
-              </>
-            )}
-          </span>
-        )}
+        {!(isDescription || isRules) &&
+          (cid ? (
+            <span className={styles.postNumLink}>
+              <Link to={`/p/${subplebbitAddress}/c/${cid}`} className={styles.linkToPost} title={t('link_to_post')} onClick={(e) => !cid && e.preventDefault()}>
+                c/
+              </Link>
+              <span className={styles.replyToPost} title={t('reply_to_post')} onMouseDown={() => openReplyModal && openReplyModal(cid, postCid, subplebbitAddress)}>
+                {shortCid}
+              </span>
+            </span>
+          ) : (
+            <>
+              <span>c/</span>
+              <span className={styles.pendingCid}>{state === 'failed' || stateString === 'Failed' ? 'Failed' : 'Pending'}</span>
+            </>
+          ))}
         {pinned && (
           <span className={`${styles.stickyIconWrapper} ${!locked && styles.addPaddingBeforeReply}`}>
             <img src='assets/icons/sticky.gif' alt='' className={styles.stickyIcon} title={t('sticky')} />
diff --git a/src/components/post-mobile/post-mobile.tsx b/src/components/post-mobile/post-mobile.tsx
index fa5ff617..3d6bfcf6 100644
--- a/src/components/post-mobile/post-mobile.tsx
+++ b/src/components/post-mobile/post-mobile.tsx
@@ -141,25 +141,22 @@ const PostInfoAndMedia = ({ openReplyModal, post, postReplyCount = 0, roles }: P
             </div>
           )}
           <Tooltip children={<span>{getFormattedDate(timestamp)}</span>} content={getFormattedTimeAgo(timestamp)} />{' '}
-          {!(isDescription || isRules) && (
-            <span className={styles.postNumLink}>
-              {cid ? (
-                <>
-                  <Link to={`/p/${subplebbitAddress}/c/${cid}`} className={styles.linkToPost} title={t('link_to_post')} onClick={(e) => !cid && e.preventDefault()}>
-                    c/
-                  </Link>
-                  <span className={styles.replyToPost} title={t('reply_to_post')} onMouseDown={() => openReplyModal && openReplyModal(cid, postCid, subplebbitAddress)}>
-                    {shortCid.slice(0, -4)}
-                  </span>
-                </>
-              ) : (
-                <>
-                  <span style={{ cursor: 'pointer' }}>c/</span>
-                  <span className={styles.pendingCid}>{state === 'failed' || stateString === 'Failed' ? 'Failed' : 'Pending'}</span>
-                </>
-              )}
-            </span>
-          )}
+          {!(isDescription || isRules) &&
+            (cid ? (
+              <span className={styles.postNumLink}>
+                <Link to={`/p/${subplebbitAddress}/c/${cid}`} className={styles.linkToPost} title={t('link_to_post')} onClick={(e) => !cid && e.preventDefault()}>
+                  c/
+                </Link>
+                <span className={styles.replyToPost} title={t('reply_to_post')} onMouseDown={() => openReplyModal && openReplyModal(cid, postCid, subplebbitAddress)}>
+                  {shortCid.slice(0, -4)}
+                </span>
+              </span>
+            ) : (
+              <>
+                <span>c/</span>
+                <span className={styles.pendingCid}>{state === 'failed' || stateString === 'Failed' ? 'Failed' : 'Pending'}</span>
+              </>
+            ))}
         </span>
       </div>
       {(hasThumbnail || link) && !(deleted || removed) && (