From 90f06c511a40c936ef472d1f7e404516157e90e6 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Wed, 8 May 2024 10:29:00 +0800
Subject: [PATCH] Test allow linking to post from generic accounts modal

---
 src/components/generic-accounts.css | 15 +++++++++++++++
 src/components/generic-accounts.jsx |  8 ++++++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/generic-accounts.css b/src/components/generic-accounts.css
index ab82ee9..ec27ebe 100644
--- a/src/components/generic-accounts.css
+++ b/src/components/generic-accounts.css
@@ -17,6 +17,21 @@
       );
       filter: saturate(0.5);
     }
+
+    &:is(a) {
+      pointer-events: auto;
+      display: block;
+      text-decoration: none;
+      color: inherit;
+
+      &:hover {
+        border-color: var(--outline-hover-color);
+      }
+
+      .status {
+        filter: none;
+      }
+    }
   }
 
   .accounts-list {
diff --git a/src/components/generic-accounts.jsx b/src/components/generic-accounts.jsx
index 1b502a9..478ee40 100644
--- a/src/components/generic-accounts.jsx
+++ b/src/components/generic-accounts.jsx
@@ -11,6 +11,7 @@ import useLocationChange from '../utils/useLocationChange';
 
 import AccountBlock from './account-block';
 import Icon from './icon';
+import Link from './link';
 import Loader from './loader';
 import Status from './status';
 
@@ -143,9 +144,12 @@ export default function GenericAccounts({
       </header>
       <main>
         {post && (
-          <div class="post-preview">
+          <Link
+            to={`/${instance || currentInstance}/s/${post.id}`}
+            class="post-preview"
+          >
             <Status status={post} size="s" readOnly />
-          </div>
+          </Link>
         )}
         {accounts.length > 0 ? (
           <>