From 76c4e4cd8f261c0a96513a710b05f1a6ea9efafa Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Sun, 3 Mar 2019 19:30:54 +0100
Subject: [PATCH] Show status of follows and shouts for currently logged in
 user

---
 components/Author.vue          | 1 +
 components/FollowButton.vue    | 5 +++--
 components/ShoutButton.vue     | 5 +++--
 graphql/UserProfileQuery.js    | 3 +++
 pages/index.vue                | 1 +
 pages/post/_slug/index.vue     | 4 ++++
 pages/post/_slug/more-info.vue | 1 +
 pages/profile/_slug.vue        | 1 +
 8 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/components/Author.vue b/components/Author.vue
index f1f57113b..5f1ac9980 100644
--- a/components/Author.vue
+++ b/components/Author.vue
@@ -107,6 +107,7 @@
           <ds-flex-item :width="{base: 3}">
             <hc-follow-button
               :follow-id="author.id"
+              :is-followed="author.followedByCurrentUser"
               @update="voted = true"
             />
           </ds-flex-item>
diff --git a/components/FollowButton.vue b/components/FollowButton.vue
index 3540726d2..0e02f963f 100644
--- a/components/FollowButton.vue
+++ b/components/FollowButton.vue
@@ -1,6 +1,6 @@
 <template>
   <ds-button
-    :disabled="disabled || !followId"
+    :disabled="disabled || !followId || isFollowed"
     :loading="loading"
     icon="plus"
     primary
@@ -18,7 +18,8 @@ export default {
   name: 'HcFollowButton',
 
   props: {
-    followId: { type: String, default: null }
+    followId: { type: String, default: null },
+    isFollowed: { type: Boolean, default: false }
   },
   data() {
     return {
diff --git a/components/ShoutButton.vue b/components/ShoutButton.vue
index 075006b2e..05dd99596 100644
--- a/components/ShoutButton.vue
+++ b/components/ShoutButton.vue
@@ -4,7 +4,7 @@
     style="text-align: center"
   >
     <ds-button
-      :disabled="disabled || loading"
+      :disabled="disabled || loading || isShouted"
       danger
       size="x-large"
       icon="bullhorn"
@@ -28,7 +28,8 @@ import gql from 'graphql-tag'
 export default {
   props: {
     count: { type: Number, default: 0 },
-    postId: { type: String, default: null }
+    postId: { type: String, default: null },
+    isShouted: { type: Boolean, default: false }
   },
   data() {
     return {
diff --git a/graphql/UserProfileQuery.js b/graphql/UserProfileQuery.js
index 4e0245b52..30431602b 100644
--- a/graphql/UserProfileQuery.js
+++ b/graphql/UserProfileQuery.js
@@ -29,6 +29,7 @@ export default app => {
           slug
           avatar
           followedByCount
+          followedByCurrentUser
           contributionsCount
           commentsCount
           badges {
@@ -41,12 +42,14 @@ export default app => {
           }
         }
         followedByCount
+        followedByCurrentUser
         followedBy(first: 7)  {
           id
           name
           slug
           avatar
           followedByCount
+          followedByCurrentUser
           contributionsCount
           commentsCount
           badges {
diff --git a/pages/index.vue b/pages/index.vue
index 7bc85b3a4..f4785b3ac 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -108,6 +108,7 @@ export default {
                 shoutedCount
                 commentsCount
                 followedByCount
+                followedByCurrentUser
                 location {
                   name: name${this.$i18n.locale().toUpperCase()}
                 }
diff --git a/pages/post/_slug/index.vue b/pages/post/_slug/index.vue
index 68655a31f..32c9609ef 100644
--- a/pages/post/_slug/index.vue
+++ b/pages/post/_slug/index.vue
@@ -29,6 +29,7 @@
     <hc-shout-button
       v-if="post.author"
       :count="post.shoutedCount"
+      :is-shouted="post.shoutedByCurrentUser"
       :post-id="post.id"
     />
     <!-- Categories -->
@@ -188,6 +189,7 @@ export default {
                 contributionsCount
                 commentsCount
                 followedByCount
+                followedByCurrentUser
                 location {
                     name: name${this.$i18n.locale().toUpperCase()}
                   }
@@ -215,6 +217,7 @@ export default {
                   contributionsCount
                   commentsCount
                   followedByCount
+                  followedByCurrentUser
                   location {
                     name: name${this.$i18n.locale().toUpperCase()}
                   }
@@ -231,6 +234,7 @@ export default {
                 icon
               }
               shoutedCount
+              shoutedByCurrentUser
             }
           }
         `)
diff --git a/pages/post/_slug/more-info.vue b/pages/post/_slug/more-info.vue
index 847975757..d4de5f6f3 100644
--- a/pages/post/_slug/more-info.vue
+++ b/pages/post/_slug/more-info.vue
@@ -109,6 +109,7 @@ export default {
                   avatar
                   contributionsCount
                   followedByCount
+                  followedByCurrentUser
                   commentsCount
                   location {
                     name: name${this.$i18n.locale().toUpperCase()}
diff --git a/pages/profile/_slug.vue b/pages/profile/_slug.vue
index 98d3b9f48..e6d0f473b 100644
--- a/pages/profile/_slug.vue
+++ b/pages/profile/_slug.vue
@@ -86,6 +86,7 @@
             <hc-follow-button
               v-if="!myProfile"
               :follow-id="user.id"
+              :is-followed="user.followedByCurrentUser"
               @update="voted = true && fetchUser()"
             />
           </ds-space>