IV: Show channel handle in search results (#3791)

* IV: Show channel handle in search results * move handle to front, add separator * remove unused locale key
FreeTubeApp · Oct 10, 2023 · fffd139 · fffd139
1 parent dea6305
commit fffd139
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 9 deletions.
diff --git a/src/renderer/components/ft-list-channel/ft-list-channel.js b/src/renderer/components/ft-list-channel/ft-list-channel.js
@@ -82,9 +82,14 @@ export default defineComponent({
       this.channelName = this.data.author
       this.id = this.data.authorId
       this.subscriberCount = this.data.subCount
-      this.videoCount = this.data.videoCount
-      this.formattedVideoCount = formatNumber(this.data.videoCount)
       this.formattedSubscriberCount = formatNumber(this.data.subCount)
+      this.handle = this.data.channelHandle
+      if (this.handle != null) {
+        this.videoCount = null
+      } else {
+        this.videoCount = this.data.videoCount
+        this.formattedVideoCount = formatNumber(this.data.videoCount)
+      }
       this.description = this.data.description
     }
   }

diff --git a/src/renderer/components/ft-list-channel/ft-list-channel.vue b/src/renderer/components/ft-list-channel/ft-list-channel.vue
@@ -30,12 +30,6 @@
         </h3>
       </router-link>
       <div class="infoLine">
-        <span
-          v-if="subscriberCount !== null && !hideChannelSubscriptions"
-          class="subscriberCount"
-        >
-          {{ $tc('Global.Counts.Subscriber Count', subscriberCount, {count: formattedSubscriberCount}) }}
-        </span>
         <router-link
           v-if="handle !== null"
           class="handle"
@@ -44,9 +38,17 @@
           {{ handle }}
         </router-link>
         <span
-          v-else
+          v-if="subscriberCount !== null && !hideChannelSubscriptions"
+          class="subscriberCount"
+        >
+          <template v-if="handle !== null"> • </template>
+          {{ $tc('Global.Counts.Subscriber Count', subscriberCount, {count: formattedSubscriberCount}) }}
+        </span>
+        <span
+          v-if="handle == null && videoCount != null"
           class="videoCount"
         >
+          <template v-if="subscriberCount !== null && !hideChannelSubscriptions"> • </template>
           {{ $tc('Global.Counts.Video Count', videoCount, {count: formattedVideoCount}) }}
         </span>
       </div>