Hide Follow-button and 'Follows you' text when not logged in

This commit is contained in:
shpuld 2017-02-22 11:54:09 +02:00
parent 40fe40d96b
commit 874f976531
1 changed files with 7 additions and 4 deletions

View File

@ -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: {