From 701112f043720c294241852f9aa0a0f1956cd71c Mon Sep 17 00:00:00 2001
From: eal <eal@waifu.club>
Date: Thu, 10 Aug 2017 19:17:40 +0300
Subject: Add follow notifications.

---
 src/components/notifications/notifications.scss | 4 ++++
 src/components/notifications/notifications.vue  | 9 +++++++++
 2 files changed, 13 insertions(+)

(limited to 'src/components/notifications')

diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index f02ced8d..84dd36fa 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -49,6 +49,10 @@
         color: $green;
       }
 
+      .icon-user-plus.lit {
+        color: $blue;
+      }
+
       .icon-reply.lit {
         color: $blue;
       }
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue
index 6c0419a5..c9113bc4 100644
--- a/src/components/notifications/notifications.vue
+++ b/src/components/notifications/notifications.vue
@@ -36,6 +36,15 @@
               </h1>
               <status :compact="true" :statusoid="notification.status"></status>
             </div>
+            <div v-if="notification.type === 'follow'">
+              <h1>
+                <span :title="'@'+notification.action.user.screen_name">{{ notification.action.user.name }}</span>
+                <i class="fa icon-user-plus lit"></i>
+              </h1>
+              <div>
+                <router-link :to="{ name: 'user-profile', params: { id: notification.action.user.id } }">@{{ notification.action.user.screen_name }}</router-link> followed you
+              </div>
+            </div>
           </div>
         </div>
       </div>
-- 
cgit v1.2.3-70-g09d2