From 4430a9d26fc4a7b652af2d67b86f31eb61e8ee4a Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Mon, 14 May 2018 21:50:23 -0700
Subject: [PATCH] Add default skinColors

---
 .../__snapshots__/index.test.js.snap          |  2 +-
 js/components/MainWindow/index.test.js        |  5 +++-
 js/reducers/display.js                        | 27 ++++++++++++++++++-
 3 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/js/components/MainWindow/__snapshots__/index.test.js.snap b/js/components/MainWindow/__snapshots__/index.test.js.snap
index b0e1848b..52beba0c 100644
--- a/js/components/MainWindow/__snapshots__/index.test.js.snap
+++ b/js/components/MainWindow/__snapshots__/index.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`MainWindow renders to snapshot 1`] = `
 <div
-  className="window stop selected draggable loading"
+  className="window stop selected draggable"
   id="main-window"
   onDragEnter={[Function]}
   onDragOver={[Function]}
diff --git a/js/components/MainWindow/index.test.js b/js/components/MainWindow/index.test.js
index 4c7b2b6d..842beb3c 100644
--- a/js/components/MainWindow/index.test.js
+++ b/js/components/MainWindow/index.test.js
@@ -2,6 +2,8 @@ import React from "react";
 import { Provider } from "react-redux";
 import renderer from "react-test-renderer";
 import getStore from "../../store";
+import { SET_SKIN_DATA } from "../../actionTypes";
+import Emitter from "../../emitter";
 
 import MainWindow from "./index";
 
@@ -27,7 +29,8 @@ function createNodeMock(element) {
 describe("MainWindow", () => {
   let store;
   beforeEach(() => {
-    store = getStore(media);
+    store = getStore(media, new Emitter());
+    store.dispatch({ type: SET_SKIN_DATA });
   });
 
   it("renders to snapshot", () => {
diff --git a/js/reducers/display.js b/js/reducers/display.js
index 019cd37e..dc3e9b6b 100644
--- a/js/reducers/display.js
+++ b/js/reducers/display.js
@@ -19,7 +19,32 @@ const defaultDisplayState = {
   closed: false,
   working: false,
   skinImages: {},
-  skinColors: null,
+  skinColors: [
+    "rgb(0,0,0)",
+    "rgb(24,33,41)",
+    "rgb(239,49,16)",
+    "rgb(206,41,16)",
+    "rgb(214,90,0)",
+    "rgb(214,102,0)",
+    "rgb(214,115,0)",
+    "rgb(198,123,8)",
+    "rgb(222,165,24)",
+    "rgb(214,181,33)",
+    "rgb(189,222,41)",
+    "rgb(148,222,33)",
+    "rgb(41,206,16)",
+    "rgb(50,190,16)",
+    "rgb(57,181,16)",
+    "rgb(49,156,8)",
+    "rgb(41,148,0)",
+    "rgb(24,132,8)",
+    "rgb(255,255,255)",
+    "rgb(214,214,222)",
+    "rgb(181,189,189)",
+    "rgb(160,170,175)",
+    "rgb(148,156,165)",
+    "rgb(150,150,150)"
+  ],
   skinCursors: null,
   skinPlaylistStyle: null,
   skinRegion: {},