import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
import FollowButton from 'src/components/follow_button/follow_button.vue'
import RemoteFollow from 'src/components/remote_follow/remote_follow.vue'
import RemoveFollowerButton from 'src/components/remove_follower_button/remove_follower_button.vue'

import { useUsersStore } from 'src/stores/users.js'

const FollowCard = {
  props: ['user', 'noFollowsYou'],
  components: {
    BasicUserCard,
    RemoteFollow,
    FollowButton,
    RemoveFollowerButton,
  },
  computed: {
    isMe() {
      return useUsersStore().currentUser?.id === this.user.id
    },
    loggedIn() {
      return useUsersStore().currentUser
    },
    relationship() {
      return useUsersStore().relationships.get(this.user.id)
    },
  },
}

export default FollowCard