add media type specific translation in up next dialog (#6307)

* allow dedicated translation of all video types

* fix linter issue

src/components/upnextdialog/upnextdialog.js

@@ -55,9 +55,16 @@ function setNextVideoText() {
 
     const timeText = '<span class="upNextDialog-countdownText">' + globalize.translate('HeaderSecondsValue', secondsRemaining) + '</span>';
 
-    const nextVideoText = instance.showStaticNextText ?
-        globalize.translate('HeaderNextItem', globalize.translate(instance.itemType)) :
-        globalize.translate('HeaderNextItemPlayingInValue', globalize.translate(instance.itemType), timeText);
+    let nextVideoText;
+    if (instance.itemType === 'Episode') {
+        nextVideoText = instance.showStaticNextText ?
+            globalize.translate('HeaderNextEpisode') :
+            globalize.translate('HeaderNextEpisodePlayingInValue', timeText);
+    } else {
+        nextVideoText = instance.showStaticNextText ?
+            globalize.translate('HeaderNextVideo') :
+            globalize.translate('HeaderNextVideoPlayingInValue', timeText);
+    }
 
     elem.querySelector('.upNextDialog-nextVideoText').innerHTML = nextVideoText;
 }

src/strings/en-us.json

@@ -460,8 +460,10 @@
     "HeaderNewDevices": "New Devices",
     "HeaderNewPlaylist": "New Playlist",
     "HeaderNewRepository": "New Repository",
-    "HeaderNextItem": "Next {0}",
-    "HeaderNextItemPlayingInValue": "Next {0} Playing in {1}",
+    "HeaderNextEpisode": "Next Episode",
+    "HeaderNextEpisodePlayingInValue": "Next Episode Playing in {0}",
+    "HeaderNextVideo": "Next Video",
+    "HeaderNextVideoPlayingInValue": "Next Video Playing in {0}",
     "HeaderNoLyrics": "No lyrics found",
     "HeaderOnNow": "On Now",
     "HeaderOtherItems": "Other Items",