diff --git a/src/renderer/components/ft-list-channel/ft-list-channel.js b/src/renderer/components/ft-list-channel/ft-list-channel.js index e647f1f54..8e94cb37d 100644 --- a/src/renderer/components/ft-list-channel/ft-list-channel.js +++ b/src/renderer/components/ft-list-channel/ft-list-channel.js @@ -1,10 +1,14 @@ import { defineComponent } from 'vue' +import FtSubscribeButton from '../../components/ft-subscribe-button/ft-subscribe-button.vue' import { youtubeImageUrlToInvidious } from '../../helpers/api/invidious' import { formatNumber } from '../../helpers/utils' import { parseLocalSubscriberCount } from '../../helpers/api/local' export default defineComponent({ name: 'FtListChannel', + components: { + 'ft-subscribe-button': FtSubscribeButton + }, props: { data: { type: Object, diff --git a/src/renderer/components/ft-list-channel/ft-list-channel.vue b/src/renderer/components/ft-list-channel/ft-list-channel.vue index 37c9df4d7..e73eaf628 100644 --- a/src/renderer/components/ft-list-channel/ft-list-channel.vue +++ b/src/renderer/components/ft-list-channel/ft-list-channel.vue @@ -10,6 +10,7 @@
-
- -

- {{ channelName }} -

-
-
+
+
- {{ handle }} +

+ {{ channelName }} +

- - - {{ $tc('Global.Counts.Subscriber Count', subscriberCount, {count: formattedSubscriberCount}) }} - - - - {{ $tc('Global.Counts.Video Count', videoCount, {count: formattedVideoCount}) }} - +
+ + {{ handle }} + + + + {{ $tc('Global.Counts.Subscriber Count', subscriberCount, {count: formattedSubscriberCount}) }} + + + + {{ $tc('Global.Counts.Video Count', videoCount, {count: formattedVideoCount}) }} + +
+

-

diff --git a/src/renderer/components/ft-list-hashtag/ft-list-hashtag.vue b/src/renderer/components/ft-list-hashtag/ft-list-hashtag.vue index d7a4311e7..5db6fe4ab 100644 --- a/src/renderer/components/ft-list-hashtag/ft-list-hashtag.vue +++ b/src/renderer/components/ft-list-hashtag/ft-list-hashtag.vue @@ -9,6 +9,7 @@ >