#app-header.row
create-party-modal
members-modal(:hide-badge="true")
member-details(:member="user")
.view-party(v-if="user.party && user.party._id && partyMembers && partyMembers.length > 1")
// TODO button should open the party members modal
button.btn.btn-primary(@click='openPartyModal()') {{ $t('viewParty') }}
.col-6.party-members.d-flex.flex-row(v-if="partyMembers && partyMembers.length > 1")
member-details(
v-for="(member, $index) in partyMembers",
:key="member._id",
v-if="member._id !== user._id && $index < 10",
:member="member",
condensed=true,
@onHover="expandMember(member._id)",
:expanded="member._id === expandedMember",
)
.no-party.d-flex.justify-content-center.text-center(v-else)
.align-self-center(v-once)
h3 {{ $t('battleWithFriends') }}
span.small-text(v-html="$t('inviteFriendsParty')")
br
// TODO link to party creation or party page if partying solo
button.btn.btn-primary(@click='openPartyModal()') {{ $t('startAParty') }}