Fix Chromecast icon when custom colors are undefined

JW8-358
jwplayer · Aug 30, 2017 · 929ea5e · 929ea5e
1 parent e7b0f27
commit 929ea5e
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/js/view/utils/skin.js b/src/js/view/utils/skin.js
@@ -127,13 +127,17 @@ export function handleColorOverrides(playerId, skin = {}) {
 
         // Chromecast overrides
         // Can't use addStyle since it will camel case the style name
-        css('.jw-icon-cast button.jw-off', `{--disconnected-color: ${config.icons}}`, playerId);
-        css('.jw-icon-cast:hover button.jw-off', `{--disconnected-color: ${config.iconsActive}}`, playerId);
-        css('.jw-icon-cast button.jw-off:focus', `{--disconnected-color: ${config.iconsActive}}`, playerId);
+        if (config.icons) {
+            css('.jw-icon-cast button.jw-off', `{--disconnected-color: ${config.icons}}`, playerId);
+        }
+        if (config.iconsActive) {
+            css('.jw-icon-cast:hover button.jw-off', `{--disconnected-color: ${config.iconsActive}}`, playerId);
+            css('.jw-icon-cast button.jw-off:focus', `{--disconnected-color: ${config.iconsActive}}`, playerId);
 
-        css('.jw-icon-cast button', `{--connected-color: ${config.iconsActive}}`, playerId);
-        css('.jw-icon-cast button:focus', `{--connected-color: ${config.iconsActive}}`, playerId);
-        css('.jw-icon-cast:hover button', `{--connected-color: ${config.iconsActive}}`, playerId);
+            css('.jw-icon-cast button', `{--connected-color: ${config.iconsActive}}`, playerId);
+            css('.jw-icon-cast button:focus', `{--connected-color: ${config.iconsActive}}`, playerId);
+            css('.jw-icon-cast:hover button', `{--connected-color: ${config.iconsActive}}`, playerId);
+        }
 
         addStyle([
             '.jw-controlbar'