From c830b8087a55bbd2a53f418d76908c8cd5a9e63e Mon Sep 17 00:00:00 2001
From: patak <matias.capeletto@gmail.com>
Date: Sun, 18 Dec 2022 14:41:32 +0100
Subject: [PATCH] feat: link to account from single follow notification

---
 components/notification/NotificationCard.vue | 26 +++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/components/notification/NotificationCard.vue b/components/notification/NotificationCard.vue
index 686b9ca5..d1ab0f58 100644
--- a/components/notification/NotificationCard.vue
+++ b/components/notification/NotificationCard.vue
@@ -9,18 +9,20 @@ const { notification } = defineProps<{
 <template>
   <article flex flex-col relative>
     <template v-if="notification.type === 'follow'">
-      <div flex items-center absolute px-3 py-3 bg-base rounded-br-3 top-0 left-0>
-        <div i-ri:user-follow-fill mr-1 color-primary />
-        <ContentRich
-          text-primary mr-1 font-bold line-clamp-1 ws-pre-wrap break-all
-          :content="getDisplayName(notification.account, { rich: true })"
-          :emojis="notification.account.emojis"
-        />
-        <span ws-nowrap>
-          {{ $t('notification.followed_you') }}
-        </span>
-      </div>
-      <AccountBigCard :account="notification.account" />
+      <NuxtLink :to="getAccountRoute(notification.account)">
+        <div flex items-center absolute pl-3 pr-4 py-3 bg-base rounded-br-3 top-0 left-0>
+          <div i-ri:user-follow-fill mr-1 color-primary />
+          <ContentRich
+            text-primary mr-1 font-bold line-clamp-1 ws-pre-wrap break-all
+            :content="getDisplayName(notification.account, { rich: true })"
+            :emojis="notification.account.emojis"
+          />
+          <span ws-nowrap>
+            {{ $t('notification.followed_you') }}
+          </span>
+        </div>
+        <AccountBigCard :account="notification.account" />
+      </NuxtLink>
     </template>
     <template v-else-if="notification.type === 'admin.sign_up'">
       <div flex p3 items-center bg-shaded>