From bc4dfaf62f800c222a9332c3674ab6113f88185d Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 16 Mar 2023 13:02:46 +0800
Subject: [PATCH] Add previewMode

---
 src/components/compose.jsx        |  4 ++--
 src/components/status.jsx         |  7 +++++--
 src/utils/handle-content-links.js | 32 ++++++++++++++++---------------
 3 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/src/components/compose.jsx b/src/components/compose.jsx
index 76f595c6..981516b2 100644
--- a/src/components/compose.jsx
+++ b/src/components/compose.jsx
@@ -633,7 +633,7 @@ function Compose({
       </div>
       {!!replyToStatus && (
         <div class="status-preview">
-          <Status status={replyToStatus} size="s" />
+          <Status status={replyToStatus} size="s" previewMode />
           <div class="status-preview-legend reply-to">
             Replying to @
             {replyToStatus.account.acct || replyToStatus.account.username}
@@ -643,7 +643,7 @@ function Compose({
       )}
       {!!editStatus && (
         <div class="status-preview">
-          <Status status={editStatus} size="s" />
+          <Status status={editStatus} size="s" previewMode />
           <div class="status-preview-legend">Editing source status</div>
         </div>
       )}
diff --git a/src/components/status.jsx b/src/components/status.jsx
index 8494538b..edbed593 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -70,6 +70,7 @@ function Status({
   readOnly,
   contentTextWeight,
   enableTranslate,
+  previewMode,
 }) {
   if (skeleton) {
     return (
@@ -578,6 +579,7 @@ function Status({
       onContextMenu={(e) => {
         if (size === 'l') return;
         if (e.metaKey) return;
+        if (previewMode) return;
         // console.log('context menu', e);
         const link = e.target.closest('a');
         if (link && /^https?:\/\//.test(link.getAttribute('href'))) return;
@@ -662,7 +664,7 @@ function Status({
             )} */}
           {/* </span> */}{' '}
           {size !== 'l' &&
-            (url ? (
+            (url && !previewMode ? (
               <Menu
                 instanceRef={menuInstanceRef}
                 portal={{
@@ -788,7 +790,7 @@ function Status({
             lang={language}
             ref={contentRef}
             data-read-more={readMoreText}
-            onClick={handleContentLinks({ mentions, instance })}
+            onClick={handleContentLinks({ mentions, instance, previewMode })}
             dangerouslySetInnerHTML={{
               __html: enhanceContent(content, {
                 emojis,
@@ -801,6 +803,7 @@ function Status({
                         a.removeAttribute('target');
                       }
                     });
+                  if (previewMode) return;
                   // Unfurl Mastodon links
                   dom
                     .querySelectorAll(
diff --git a/src/utils/handle-content-links.js b/src/utils/handle-content-links.js
index 792dbf3e..33f0e795 100644
--- a/src/utils/handle-content-links.js
+++ b/src/utils/handle-content-links.js
@@ -1,7 +1,7 @@
 import states from './states';
 
 function handleContentLinks(opts) {
-  const { mentions = [], instance } = opts || {};
+  const { mentions = [], instance, previewMode } = opts || {};
   return (e) => {
     let { target } = e;
     target = target.closest('a');
@@ -35,20 +35,22 @@ function handleContentLinks(opts) {
           instance,
         };
       }
-    } else if (target.classList.contains('hashtag')) {
-      e.preventDefault();
-      e.stopPropagation();
-      const tag = target.innerText.replace(/^#/, '').trim();
-      const hashURL = instance ? `#/${instance}/t/${tag}` : `#/t/${tag}`;
-      console.log({ hashURL });
-      location.hash = hashURL;
-    } else if (states.unfurledLinks[target.href]?.url) {
-      e.preventDefault();
-      e.stopPropagation();
-      states.prevLocation = {
-        pathname: location.hash.replace(/^#/, ''),
-      };
-      location.hash = `#${states.unfurledLinks[target.href].url}`;
+    } else if (!previewMode) {
+      if (target.classList.contains('hashtag')) {
+        e.preventDefault();
+        e.stopPropagation();
+        const tag = target.innerText.replace(/^#/, '').trim();
+        const hashURL = instance ? `#/${instance}/t/${tag}` : `#/t/${tag}`;
+        console.log({ hashURL });
+        location.hash = hashURL;
+      } else if (states.unfurledLinks[target.href]?.url) {
+        e.preventDefault();
+        e.stopPropagation();
+        states.prevLocation = {
+          pathname: location.hash.replace(/^#/, ''),
+        };
+        location.hash = `#${states.unfurledLinks[target.href].url}`;
+      }
     }
   };
 }