fix(friends): add friend picture shrinking

Satellite-im · Jun 29, 2022 · 5ac1b1b · 5ac1b1b
1 parent 28cee7f
commit 5ac1b1b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 10 deletions.
diff --git a/components/views/friends/friend/Friend.html b/components/views/friends/friend/Friend.html
@@ -1,11 +1,11 @@
 <div class="friend" data-cy="friend">
-  <UiUserState v-if="showStatus" :user="friend" :src="src" />
   <UiCircle
-    v-else
+    v-if="send"
     :type="src ? 'image' : 'random'"
     :seed="friend.address"
     :source="src"
   />
+  <UiUserState v-else :user="friend" :src="src" />
   <div class="description">
     <TypographySubtitle :size="6" :text="friend.name" data-cy="friend-name" />
     <TypographyText :text="friend.status" />

diff --git a/components/views/friends/friend/Friend.less b/components/views/friends/friend/Friend.less
@@ -12,7 +12,8 @@
   }
 
   .user-state,
-  .controls {
+  .controls,
+  .circle {
     flex-shrink: 0;
   }
   .description {

diff --git a/components/views/friends/friend/Friend.vue b/components/views/friends/friend/Friend.vue
@@ -57,7 +57,6 @@ export default Vue.extend({
     }
   },
   computed: {
-    ...mapGetters('friends', ['friendExists']),
     ...mapState(['accounts']),
     src(): string {
       const hash =
@@ -69,12 +68,6 @@ export default Vue.extend({
     contextMenuValues(): ContextMenuItem[] {
       return [{ text: this.$t('context.remove'), func: this.removeFriend }]
     },
-    showStatus(): boolean {
-      return (
-        this.friendExists(this.$props.friend.address) ||
-        this.$props.friend.address === this.accounts.active
-      )
-    },
   },
   beforeDestroy() {
     this.$store.commit('ui/toggleContextMenu', false)