show expiry only if available

src/components/block_card/block_card.js

@@ -14,8 +14,10 @@ const BlockCard = {
     blocked () {
       return this.relationship.blocking
     },
+    blockExpiryAvailable () {
+      return this.user.block_expires_at !== undefined
+    },
     blockExpiry () {
-      console.log(this.user)
       return this.user.block_expires_at == null
         ? this.$t('user_card.block_expires_forever')
         : this.$t('user_card.block_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])

src/components/block_card/block_card.vue

@@ -1,7 +1,7 @@
 <template>
   <basic-user-card :user="user">
     <div class="block-card-content-container">
-      <span v-if="blocked" class="alert neutral">
+      <span v-if="blocked && blockExpiryAvailable" class="alert neutral">
         {{ blockExpiry }}
       </span>
       {{ ' ' }}

src/components/mute_card/mute_card.js

@@ -13,6 +13,9 @@ const MuteCard = {
     muted () {
       return this.relationship.muting
     },
+    muteExpiryAvailable () {
+      return this.user.mute_expires_at !== undefined
+    },
     muteExpiry () {
       return this.user.mute_expires_at == null
         ? this.$t('user_card.mute_expires_forever')

src/components/mute_card/mute_card.vue

@@ -1,7 +1,7 @@
 <template>
   <basic-user-card :user="user">
     <div class="mute-card-content-container">
-      <span v-if="muted" class="alert neutral">
+      <span v-if="muted && muteExpiryAvailable" class="alert neutral">
         {{ muteExpiry }}
       </span>
       {{ ' ' }}

src/components/user_card/user_card.js

@@ -159,11 +159,17 @@ export default {
     supportsNote () {
       return 'note' in this.relationship
     },
+    muteExpiryAvailable () {
+      return this.user.mute_expires_at !== undefined
+    },
     muteExpiry () {
       return this.user.mute_expires_at == null
         ? this.$t('user_card.mute_expires_forever')
         : this.$t('user_card.mute_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
     },
+    blockExpiryAvailable () {
+      return this.user.block_expires_at !== undefined
+    },
     blockExpiry () {
       return this.user.block_expires_at == null
         ? this.$t('user_card.block_expires_forever')

src/components/user_card/user_card.vue

@@ -137,13 +137,13 @@
                 />
               </span>
               <span
-                v-if="relationship.muting"
+                v-if="relationship.muting && muteExpiryAvailable"
                 class="alert neutral user-role"
               >
                 {{ muteExpiry }}
               </span>
               <span
-                v-if="relationship.blocking"
+                v-if="relationship.blocking && blockExpiryAvailable"
                 class="alert neutral user-role"
               >
                 {{ blockExpiry }}