1 files changed, 46 insertions, 75 deletions
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index d3f0c98a..d449eb85 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -1,84 +1,55 @@
 <template>
-  <div>
-    <div
-      v-if="user.id"
-      class="user-profile panel panel-default"
-    >
-      <UserCard
-        :user="user"
-        :switcher="true"
-        :selected="timeline.viewing"
-        rounded="top"
+<div>
+  <div v-if="user.id" class="user-profile panel panel-default">
+    <UserCard :user="user" :switcher="true" :selected="timeline.viewing" rounded="top"/>
+    <tab-switcher :renderOnlyFocused="true" ref="tabSwitcher">
+      <Timeline
+        :label="$t('user_card.statuses')"
+        :disabled="!user.statuses_count"
+        :count="user.statuses_count"
+        :embedded="true"
+        :title="$t('user_profile.timeline_title')"
+        :timeline="timeline"
+        :timeline-name="'user'"
+        :user-id="userId"
       />
-      <tab-switcher
-        ref="tabSwitcher"
-        :render-only-focused="true"
-      >
-        <Timeline
-          :label="$t('user_card.statuses')"
-          :disabled="!user.statuses_count"
-          :count="user.statuses_count"
-          :embedded="true"
-          :title="$t('user_profile.timeline_title')"
-          :timeline="timeline"
-          :timeline-name="'user'"
-          :user-id="userId"
-        />
-        <div
-          v-if="followsTabVisible"
-          :label="$t('user_card.followees')"
-          :disabled="!user.friends_count"
-        >
-          <FriendList :user-id="userId" />
-        </div>
-        <div
-          v-if="followersTabVisible"
-          :label="$t('user_card.followers')"
-          :disabled="!user.followers_count"
-        >
-          <FollowerList
-            :user-id="userId"
-            :entry-props="{noFollowsYou: isUs}"
-          />
-        </div>
-        <Timeline
-          :label="$t('user_card.media')"
-          :disabled="!media.visibleStatuses.length"
-          :embedded="true"
-          :title="$t('user_card.media')"
-          timeline-name="media"
-          :timeline="media"
-          :user-id="userId"
-        />
-        <Timeline
-          v-if="isUs"
-          :label="$t('user_card.favorites')"
-          :disabled="!favorites.visibleStatuses.length"
-          :embedded="true"
-          :title="$t('user_card.favorites')"
-          timeline-name="favorites"
-          :timeline="favorites"
-        />
-      </tab-switcher>
-    </div>
-    <div
-      v-else
-      class="panel user-profile-placeholder"
-    >
-      <div class="panel-heading">
-        <div class="title">
-          {{ $t('settings.profile_tab') }}
-        </div>
+      <div :label="$t('user_card.followees')" v-if="followsTabVisible" :disabled="!user.friends_count">
+        <FriendList :userId="userId" />
+      </div>
+      <div :label="$t('user_card.followers')" v-if="followersTabVisible" :disabled="!user.followers_count">
+        <FollowerList :userId="userId" :entryProps="{noFollowsYou: isUs}" />
       </div>
-      <div class="panel-body">
-        <span v-if="error">{{ error }}</span>
-        <i
-          v-else
-          class="icon-spin3 animate-spin"
-        />
+      <Timeline
+        :label="$t('user_card.media')"
+        :disabled="!media.visibleStatuses.length"
+        :embedded="true" :title="$t('user_card.media')"
+        timeline-name="media"
+        :timeline="media"
+        :user-id="userId"
+      />
+      <Timeline
+        v-if="isUs"
+        :label="$t('user_card.favorites')"
+        :disabled="!favorites.visibleStatuses.length"
+        :embedded="true"
+        :title="$t('user_card.favorites')"
+        timeline-name="favorites"
+        :timeline="favorites"
+      />
+    </tab-switcher>
+  </div>
+  <div v-else class="panel user-profile-placeholder">
+    <div class="panel-heading">
+      <div class="title">
+        {{ $t('settings.profile_tab') }}
       </div>
     </div>
+    <div class="panel-body">
+      <span v-if="error">{{ error }}</span>
+      <i class="icon-spin3 animate-spin" v-else></i>
+    </div>
   </div>
+</div>
 </template>
 
 <script src="./user_profile.js"></script>