From fea7145ac9dc72532b7e343bc5f3a044a7cb6fd3 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Wed, 4 Jan 2023 17:27:43 +0800
Subject: [PATCH] The mention is hidden *inside* spoiler text

---
 src/components/status.jsx | 43 ++++++++++++++++++++++-----------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/src/components/status.jsx b/src/components/status.jsx
index 2ea6d926..ce555c45 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -94,6 +94,7 @@ function Status({
     filtered,
     card,
     createdAt,
+    inReplyToId,
     inReplyToAccountId,
     content,
     mentions,
@@ -279,26 +280,30 @@ function Status({
               </span>
             ))}
         </div>
-        {inReplyToAccountId && !withinContext && size !== 's' && (
-          <>
-            {inReplyToAccountId === status.account.id ? (
-              <div class="status-thread-badge">
-                <Icon icon="thread" size="s" />
-                Thread
-              </div>
-            ) : (
-              !!inReplyToAccount &&
-              !mentions.find((mention) => {
-                return mention.id === inReplyToAccountId;
-              }) && (
-                <div class="status-reply-badge">
-                  <Icon icon="reply" />{' '}
-                  <NameText account={inReplyToAccount} short />
+        {!!inReplyToId &&
+          !!inReplyToAccountId &&
+          !withinContext &&
+          size !== 's' && (
+            <>
+              {inReplyToAccountId === status.account.id ? (
+                <div class="status-thread-badge">
+                  <Icon icon="thread" size="s" />
+                  Thread
                 </div>
-              )
-            )}
-          </>
-        )}
+              ) : (
+                !!inReplyToAccount &&
+                (!!spoilerText ||
+                  !mentions.find((mention) => {
+                    return mention.id === inReplyToAccountId;
+                  })) && (
+                  <div class="status-reply-badge">
+                    <Icon icon="reply" />{' '}
+                    <NameText account={inReplyToAccount} short />
+                  </div>
+                )
+              )}
+            </>
+          )}
         <div
           class={`content-container ${
             sensitive || spoilerText ? 'has-spoiler' : ''