Hint for links that's currently quoted

src/components/post-content.jsx

@@ -1,7 +1,9 @@
-import { useLayoutEffect, useRef } from 'preact/hooks';
+import { useEffect, useLayoutEffect, useRef } from 'preact/hooks';
+import { useSnapshot } from 'valtio';
 
 import enhanceContent from '../utils/enhance-content';
 import handleContentLinks from '../utils/handle-content-links';
+import states, { statusKey } from '../utils/states';
 
 const HTTP_REGEX = /^http/i;
 
@@ -9,6 +11,9 @@ const PostContent =
   /*memo(*/
   ({ post, instance, previewMode }) => {
     const { content, emojis, language, mentions, url } = post;
+    const snapStates = useSnapshot(states);
+    const sKey = statusKey(post.id, instance);
+    const quotes = snapStates.statusQuotes[sKey];
 
     const divRef = useRef();
     useLayoutEffect(() => {
@@ -26,6 +31,17 @@ const PostContent =
       divRef.current.replaceChildren(dom.cloneNode(true));
     }, [content, emojis?.length]);
 
+    useEffect(() => {
+      // Find all links that's in states.statusQuotes and add 'is-quote' class
+      if (quotes?.length) {
+        for (const a of divRef.current.querySelectorAll('a')) {
+          if (quotes.some((quote) => quote?.originalURL === a.href)) {
+            a.classList.add('is-quote');
+          }
+        }
+      }
+    }, [quotes?.length]);
+
     return (
       <div
         ref={divRef}

src/components/status.css

@@ -969,6 +969,13 @@
   color: var(--text-color);
   text-decoration-color: var(--link-color);
 }
+.status .content .inner-content a.is-quote {
+  color: var(--link-text-color);
+
+  &:not(:hover, :focus, :active) {
+    text-decoration-color: var(--link-bg-color);
+  }
+}
 .status .content :is(.h-card, .mention) {
   unicode-bidi: isolate;
 }