don't display muted label on profile since backend doesn't work this way

improve display logic for mute/block cards

src/components/block_card/block_card.js

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

src/components/mute_card/mute_card.js

@@ -14,10 +14,10 @@ const MuteCard = {
       return this.relationship.muting
     },
     muteExpiryAvailable () {
-      return this.user.mute_expires_at !== undefined
+      return Object.hasOwn(this.user, 'mute_expires_at')
     },
     muteExpiry () {
-      return this.user.mute_expires_at == null
+      return this.user.mute_expires_at === false
         ? this.$t('user_card.mute_expires_forever')
         : this.$t('user_card.mute_expires_at', [new Date(this.user.mute_expires_at).toLocaleString()])
     }

src/components/user_card/user_card.js

@@ -122,12 +122,8 @@ export default {
   data () {
     const user = this.$store.getters.findUser(this.userId)
 
-    console.log('LOL', JSON.parse(JSON.stringify(user)))
-
     return {
       followRequestInProgress: false,
-      muteExpiryAmount: 0,
-      muteExpiryUnit: 'minutes',
 
       // Editable stuff
       editImage: false,
@@ -261,15 +257,15 @@ export default {
       return 'note' in this.relationship
     },
     muteExpiryAvailable () {
-      return this.user.mute_expires_at !== undefined
+      return Object.hasOwn(this.user, 'mute_expires_at')
     },
     muteExpiry () {
-      return this.user.mute_expires_at == null
+      return this.user.mute_expires_at === false
         ? 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
+      return Object.hasOwn(this.user, 'block_expires_at')
     },
     blockExpiry () {
       return this.user.block_expires_at == null

src/components/user_card/user_card.vue

@@ -212,18 +212,6 @@
                 >
                   {{ $t('user_card.group') }}
                 </span>
-                <span
-                  v-if="relationship.muting && muteExpiryAvailable"
-                  class="alert neutral user-role"
-                >
-                  {{ muteExpiry }}
-                </span>
-                <span
-                  v-if="relationship.blocking && blockExpiryAvailable"
-                  class="alert neutral user-role"
-                >
-                  {{ blockExpiry }}
-                </span>
               </template>
             </div>
           </div>

src/services/entity_normalizer/entity_normalizer.service.js

@@ -51,8 +51,14 @@ export const parseUser = (data) => {
     output.screen_name = data.acct
     output.fqn = data.fqn
     output.statusnet_profile_url = data.url
-    output.mute_expires_at = data.mute_expires_at
+
-    output.block_expires_at = data.block_expires_at
+    if (Object.hasOwn(data, 'mute_expires_at')) {
+      output.mute_expires_at = data.mute_expires_at == null ? false : data.mute_expires_at
+    }
+
+    if (Object.hasOwn(data, 'block_expires_at')) {
+      output.block_expires_at = data.block_expires_at == null ? false : data.block_expires_at
+    }
 
     // There's nothing else to get
     if (mastoShort) {