{
return a.name?.toLowerCase().localeCompare(b.name?.toLowerCase(), this.locale)
})
-
- if (this.backendPreference === 'invidious') {
- subscriptions.forEach((channel) => {
+ subscriptions.forEach((channel) => {
+ if (channel.thumbnail === null) {
+ this.updateThumbnail(channel)
+ } else if (this.backendPreference === 'invidious') {
channel.thumbnail = youtubeImageUrlToInvidious(channel.thumbnail, this.currentInvidiousInstance)
- })
- }
+ }
+ })
return subscriptions
},
@@ -75,5 +85,66 @@ export default defineComponent({
hiddenLabels: this.hideText
}
}
+ },
+ created () {
+ this.CHANNEL_IMAGE_BROKEN = MiscConstants.CHANNEL_IMAGE_BROKEN
+ this.CHANNEL_IMAGE_NOT_EXISTENT = MiscConstants.CHANNEL_IMAGE_NOT_EXISTENT
+ },
+ methods: {
+ updateThumbnail: function(channel) {
+ if (!this.updatingChannels.has(channel.id)) {
+ this.updatingChannels.add(channel.id)
+ this.errorCount += 1
+ if (!process.env.IS_ELECTRON || this.backendPreference === 'invidious') {
+ // avoid too many concurrent requests
+ setTimeout(() => {
+ const existChannel = this.activeSubscriptions.find(e => e.id === channel.id)
+ // check again in-case someone unsubscribed
+ if (existChannel && existChannel.thumbnail === null) {
+ invidiousGetChannelInfo(channel.id).then(response => {
+ this.updateSubscriptionDetails({
+ channelThumbnailUrl: response.authorThumbnails[0].url,
+ channelName: channel.name,
+ channelId: channel.id
+ })
+ }).catch(() => {
+ this.updateSubscriptionDetails({
+ channelThumbnailUrl: MiscConstants.CHANNEL_IMAGE_BROKEN,
+ channelName: channel.name,
+ channelId: channel.id
+ })
+ })
+ }
+ }, this.errorCount * 500)
+ } else {
+ setTimeout(() => {
+ const existChannel = this.activeSubscriptions.find(e => e.id === channel.id)
+ // check again in-case someone unsubscribed
+ if (existChannel && existChannel.thumbnail === null) {
+ getLocalChannel(channel.id).then(response => {
+ if (!response.alert) {
+ this.updateSubscriptionDetails({
+ channelThumbnailUrl: response.header.author.thumbnails[0].url,
+ channelName: channel.name,
+ channelId: channel.id
+ })
+ } else {
+ // channel is likely deleted. We will show a default icon instead from now on.
+ this.updateSubscriptionDetails({
+ channelThumbnailUrl: MiscConstants.CHANNEL_IMAGE_BROKEN,
+ channelName: channel.name,
+ channelId: channel.id
+ })
+ }
+ })
+ }
+ }, this.errorCount * 500)
+ }
+ }
+ },
+
+ ...mapActions([
+ 'updateSubscriptionDetails'
+ ])
}
})
diff --git a/src/renderer/components/side-nav/side-nav.vue b/src/renderer/components/side-nav/side-nav.vue
index b469246029025..bcd86cf86ca96 100644
--- a/src/renderer/components/side-nav/side-nav.vue
+++ b/src/renderer/components/side-nav/side-nav.vue
@@ -214,13 +214,19 @@
class="thumbnailContainer"
>
![]()
+