Handle clicks on quotes

src/api/posts.ts

@@ -66,6 +66,7 @@ export interface Post {
   ipfs_cid: string | null;
   token_id: number | null;
   token_tx_id: string | null;
+  quote: Post | null;
 }
 
 export async function getHomeTimeline(

src/components/Post.vue

@@ -275,14 +275,26 @@ onMounted(() => {
   }
   const mentions = postContentRef.getElementsByClassName("mention")
   for (const mentionElement of Array.from(mentions)) {
-    mentionElement.addEventListener("click", (event: Event) => {
+    const mention = props.post.mentions
-      event.preventDefault()
+      .find((mention) => mention.url === mentionElement.getAttribute("href"))
-      const mention = props.post.mentions
+    if (mention) {
-        .find((mention) => mention.url === mentionElement.getAttribute("href"))
+      mentionElement.addEventListener("click", (event: Event) => {
-      if (mention) {
+        event.preventDefault()
         router.push({ name: "profile", params: { profileId: mention.id } })
+      })
+    }
+  }
+  const quote = props.post.quote
+  if (quote) {
+    const quotes = postContentRef.querySelectorAll(".quote-inline a")
+    for (const quoteElement of Array.from(quotes)) {
+      if (quote.uri === quoteElement.getAttribute("href")) {
+        quoteElement.addEventListener("click", (event: Event) => {
+          event.preventDefault()
+          router.push({ name: "post", params: { postId: quote.id } })
+        })
       }
-    })
+    }
   }
 })