From 12d01bada0eb6a6a91fbbd8fc1a947f401b9138c Mon Sep 17 00:00:00 2001
From: silverpill <silverpill@firemail.cc>
Date: Sun, 2 Jan 2022 23:22:17 +0000
Subject: [PATCH] Include profile link in post action messages

---
 src/components/PostOrRepost.vue |  5 ++++-
 src/styles/_mixins.scss         |  4 ++++
 src/views/NotificationList.vue  | 25 ++++++++++++++++++++-----
 3 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/src/components/PostOrRepost.vue b/src/components/PostOrRepost.vue
index b2539d4..983c03b 100644
--- a/src/components/PostOrRepost.vue
+++ b/src/components/PostOrRepost.vue
@@ -2,7 +2,10 @@
   <template v-if="post.reblog">
     <div class="action">
       <img :src="require('@/assets/feather/repeat.svg')">
-      <span>{{ post.account.display_name || post.account.username }} reposted</span>
+      <router-link :to="{ name: 'profile', params: { profileId: post.account.id }}">
+        {{ post.account.display_name || post.account.username }}
+      </router-link>
+      <span>reposted</span>
     </div>
     <post
       :post="post.reblog"
diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss
index 3c98894..6621094 100644
--- a/src/styles/_mixins.scss
+++ b/src/styles/_mixins.scss
@@ -37,6 +37,10 @@
     vertical-align: middle;
     width: $icon-size;
   }
+
+  a {
+    margin-right: 0.25em;  /* single space */
+  }
 }
 
 @mixin post-icon {
diff --git a/src/views/NotificationList.vue b/src/views/NotificationList.vue
index 8ba899e..ebf546c 100644
--- a/src/views/NotificationList.vue
+++ b/src/views/NotificationList.vue
@@ -9,23 +9,38 @@
         <div class="action">
           <template v-if="notification.type === 'follow'">
             <img :src="require('@/assets/feather/user-plus.svg')">
-            <span>{{ getSenderName(notification) }} followed you</span>
+            <router-link :to="{ name: 'profile', params: { profileId: notification.account.id }}">
+              {{ getSenderName(notification) }}
+            </router-link>
+            <span>followed you</span>
           </template>
           <template v-else-if="notification.type === 'reply'">
             <img :src="require('@/assets/forkawesome/comment-o.svg')">
-            <span>{{ getSenderName(notification) }} replied to your post</span>
+            <router-link :to="{ name: 'profile', params: { profileId: notification.account.id }}">
+              {{ getSenderName(notification) }}
+            </router-link>
+            <span>replied to your post</span>
           </template>
           <template v-else-if="notification.type === 'favourite'">
             <img :src="require('@/assets/forkawesome/thumbs-o-up.svg')">
-            <span>{{ getSenderName(notification) }} liked your post</span>
+            <router-link :to="{ name: 'profile', params: { profileId: notification.account.id }}">
+              {{ getSenderName(notification) }}
+            </router-link>
+            <span>liked your post</span>
           </template>
           <template v-else-if="notification.type === 'mention'">
             <img :src="require('@/assets/forkawesome/comment-o.svg')">
-            <span>{{ getSenderName(notification) }} mentioned you</span>
+            <router-link :to="{ name: 'profile', params: { profileId: notification.account.id }}">
+              {{ getSenderName(notification) }}
+            </router-link>
+            <span>mentioned you</span>
           </template>
           <template v-else-if="notification.type === 'reblog'">
             <img :src="require('@/assets/feather/repeat.svg')">
-            <span>{{ getSenderName(notification) }} reposted your post</span>
+            <router-link :to="{ name: 'profile', params: { profileId: notification.account.id }}">
+              {{ getSenderName(notification) }}
+            </router-link>
+            <span>reposted your post</span>
           </template>
         </div>
         <post