From 62e6db2939ef20cef542b8294bcba2adad01bbc4 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Wed, 27 Jun 2018 22:30:09 -0700
Subject: [PATCH] Use the volume slider if no balance exists

---
 js/components/Skin.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/js/components/Skin.js b/js/components/Skin.js
index c09faebc..baf62099 100644
--- a/js/components/Skin.js
+++ b/js/components/Skin.js
@@ -77,6 +77,12 @@ class ClipPaths extends React.Component {
   }
 }
 
+const FALLBACKS = {
+  MAIN_BALANCE_BACKGROUND: "MAIN_VOLUME_BACKGROUND",
+  MAIN_BALANCE_THUMB: "MAIN_VOLUME_THUMB",
+  MAIN_BALANCE_THUMB_ACTIVE: "MAIN_VOLUME_THUMB_SELECTED"
+};
+
 const Skin = props => {
   const { skinImages, skinCursors, skinGenLetterWidths } = props;
   if (!skinImages || !skinCursors) {
@@ -84,7 +90,7 @@ const Skin = props => {
   }
   const cssRules = [];
   Object.keys(imageSelectors).forEach(imageName => {
-    const imageUrl = skinImages[imageName];
+    const imageUrl = skinImages[imageName] || skinImages[FALLBACKS[imageName]];
     if (imageUrl) {
       imageSelectors[imageName].forEach(selector => {
         cssRules.push(