diff options
| author | shpuld <shpuld@gmail.com> | 2017-02-22 11:54:09 +0200 |
|---|---|---|
| committer | shpuld <shpuld@gmail.com> | 2017-02-22 11:54:09 +0200 |
| commit | 874f9765318897bfde0cf80c9e75da9b3b66f25d (patch) | |
| tree | 5d68a61b1b4f04b4416b84a8a2c1c0ce7db20dd6 /src | |
| parent | 40fe40d96b2a4dadf706637954b529ee80af75a4 (diff) | |
Hide Follow-button and 'Follows you' text when not logged in
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/user_card_content/user_card_content.vue | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index 59cee734..ee4384fa 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -7,18 +7,18 @@ <div class='user-name'>{{user.name}}</div> <div class='user-screen-name'>@{{user.screen_name}}</div> <div v-if="isOtherUser" class="user-interactions"> - <div v-if="user.follows_you" class="following base06"> + <div v-if="user.follows_you && loggedIn" class="following base06"> Follows you! </div> - <div class="follow"> + <div class="follow" v-if="loggedIn"> <span v-if="user.following"> <!--Following them!--> - <button @click="unfollowUser" class="base06 base01-background base06-border"> + <button @click="unfollowUser" class="base06 base01-background"> Unfollow </button> </span> <span v-if="!user.following"> - <button @click="followUser" class="base01 base04-background base01-border"> + <button @click="followUser" class="base01 base04-background"> Follow </button> </span> @@ -66,6 +66,9 @@ }, isOtherUser () { return this.user !== this.$store.state.users.currentUser + }, + loggedIn () { + return this.$store.state.users.currentUser } }, methods: { |