Fix some web issues and cleanup (#2582)

src/renderer/components/watch-video-playlist/watch-video-playlist.js

@@ -82,17 +82,10 @@ export default Vue.extend({
     }
   },
   mounted: function () {
-    if (!process.env.IS_ELECTRON) {
+    if (!process.env.IS_ELECTRON || this.backendPreference === 'invidious') {
       this.getPlaylistInformationInvidious()
     } else {
-      switch (this.backendPreference) {
+      this.getPlaylistInformationLocal()
-        case 'local':
-          this.getPlaylistInformationLocal()
-          break
-        case 'invidious':
-          this.getPlaylistInformationInvidious()
-          break
-      }
     }
 
     if ('mediaSession' in navigator) {

src/renderer/views/Channel/Channel.js

@@ -181,20 +181,13 @@ export default Vue.extend({
       this.apiUsed = ''
       this.isLoading = true
 
-      if (!process.env.IS_ELECTRON) {
+      if (!process.env.IS_ELECTRON || this.backendPreference === 'invidious') {
-        this.getVideoInformationInvidious()
+        this.getChannelInfoInvidious()
+        this.getPlaylistsInvidious()
       } else {
-        switch (this.backendPreference) {
+        this.getChannelInfoLocal()
-          case 'local':
+        this.getChannelVideosLocal()
-            this.getChannelInfoLocal()
+        this.getPlaylistsLocal()
-            this.getChannelVideosLocal()
-            this.getPlaylistsLocal()
-            break
-          case 'invidious':
-            this.getChannelInfoInvidious()
-            this.getPlaylistsInvidious()
-            break
-        }
       }
     },
 
@@ -237,20 +230,13 @@ export default Vue.extend({
     this.currentTab = this.$route.params.currentTab ?? 'videos'
     this.isLoading = true
 
-    if (!process.env.IS_ELECTRON) {
+    if (!process.env.IS_ELECTRON || this.backendPreference === 'invidious') {
-      this.getVideoInformationInvidious()
+      this.getChannelInfoInvidious()
+      this.getPlaylistsInvidious()
     } else {
-      switch (this.backendPreference) {
+      this.getChannelInfoLocal()
-        case 'local':
+      this.getChannelVideosLocal()
-          this.getChannelInfoLocal()
+      this.getPlaylistsLocal()
-          this.getChannelVideosLocal()
-          this.getPlaylistsLocal()
-          break
-        case 'invidious':
-          this.getChannelInfoInvidious()
-          this.getPlaylistsInvidious()
-          break
-      }
     }
   },
   methods: {

src/renderer/views/Settings/Settings.vue

@@ -7,7 +7,7 @@
     <player-settings />
     <hr>
     <external-player-settings v-if="usingElectron" />
-    <hr>
+    <hr v-if="usingElectron">
     <subscription-settings />
     <hr>
     <distraction-settings />
@@ -19,7 +19,7 @@
     <proxy-settings />
     <hr>
     <download-settings v-if="usingElectron" />
-    <hr>
+    <hr v-if="usingElectron">
     <parental-control-settings />
     <hr>
     <sponsor-block-settings />

src/renderer/views/Trending/Trending.js

@@ -97,17 +97,10 @@ export default Vue.extend({
     },
 
     getTrendingInfo () {
-      if (!process.env.IS_ELECTRON) {
+      if (!process.env.IS_ELECTRON || this.backendPreference === 'invidious') {
-        this.getVideoInformationInvidious()
+        this.getTrendingInfoInvidious()
       } else {
-        switch (this.backendPreference) {
+        this.getTrendingInfoLocal()
-          case 'local':
-            this.getTrendingInfoLocal()
-            break
-          case 'invidious':
-            this.getTrendingInfoInvidious()
-            break
-        }
       }
     },
 
@@ -142,7 +135,7 @@ export default Vue.extend({
             navigator.clipboard.writeText(err)
           }
         })
-        if (!process.env.IS_ELECTRON || (this.backendPreference === 'local' && this.backendFallback)) {
+        if (this.backendPreference === 'local' && this.backendFallback) {
           this.showToast({
             message: this.$t('Falling back to Invidious API')
           })
@@ -202,7 +195,7 @@ export default Vue.extend({
           }
         })
 
-        if (!process.env.IS_ELECTRON || (this.backendPreference === 'invidious' && this.backendFallback)) {
+        if (process.env.IS_ELECTRON && (this.backendPreference === 'invidious' && this.backendFallback)) {
           this.showToast({
             message: this.$t('Falling back to Local API')
           })

src/renderer/views/Watch/Watch.js

@@ -218,17 +218,10 @@ export default Vue.extend({
     this.checkIfPlaylist()
     this.checkIfTimestamp()
 
-    if (!process.env.IS_ELECTRON) {
+    if (!process.env.IS_ELECTRON || this.backendPreference === 'invidious') {
       this.getVideoInformationInvidious()
     } else {
-      switch (this.backendPreference) {
+      this.getVideoInformationLocal()
-        case 'local':
-          this.getVideoInformationLocal()
-          break
-        case 'invidious':
-          this.getVideoInformationInvidious()
-          break
-      }
     }
 
     window.addEventListener('beforeunload', this.handleWatchProgress)
@@ -588,7 +581,7 @@ export default Vue.extend({
             }
           })
           console.log(err)
-          if (!process.env.IS_ELECTRON || (this.backendPreference === 'local' && this.backendFallback && !err.toString().includes('private'))) {
+          if (this.backendPreference === 'local' && this.backendFallback && !err.toString().includes('private')) {
             this.showToast({
               message: this.$t('Falling back to Invidious API')
             })
@@ -1151,7 +1144,7 @@ export default Vue.extend({
       let url = `${this.currentInvidiousInstance}/api/manifest/dash/id/${this.videoId}`
 
       if (this.proxyVideos || !process.env.IS_ELECTRON) {
-        url = url + '?local=true'
+        url += '?local=true'
       }
 
       return [