Adding whitelist step, sending whitelist

client/coral-admin/src/containers/Install/InstallContainer.js

@@ -18,6 +18,7 @@ import {
 import InitialStep from './components/Steps/InitialStep';
 import AddOrganizationName from './components/Steps/AddOrganizationName';
 import CreateYourAccount from './components/Steps/CreateYourAccount';
+import WhitelistStep from './components/Steps/WhitelistStep';
 import FinalStep from './components/Steps/FinalStep';
 
 class InstallContainer extends Component {
@@ -43,6 +44,7 @@ class InstallContainer extends Component {
                   <InitialStep/>
                   <AddOrganizationName/>
                   <CreateYourAccount/>
+                  <WhitelistStep/>
                   <FinalStep/>
                 </Wizard>
               </div>

client/coral-admin/src/containers/Install/components/Steps/WhitelistStep.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import styles from './style.css';
+import {Button} from 'coral-ui';
+
+const WhitelistStep = props => {
+  const {nextStep} = props;
+  return (
+    <div className={styles.step}>
+      <h3>Domain Whitelist</h3>
+      <Button cStyle='green' onClick={nextStep} raised>Add domains</Button>
+    </div>
+  );
+};
+
+export default WhitelistStep;

client/coral-admin/src/reducers/install.js

@@ -1,4 +1,4 @@
-import {Map} from 'immutable';
+import {Map, List} from 'immutable';
 
 import * as actions from '../constants/install';
 
@@ -6,7 +6,10 @@ const initialState = Map({
   isLoading: false,
   data: Map({
     settings: Map({
-      organizationName: ''
+      organizationName: '',
+      domains: Map({
+        whitelist: List()
+      })
     }),
     user: Map({
       username: '',
@@ -33,6 +36,10 @@ const initialState = Map({
   {
     text: '2. Create your account',
     step: 2
+  },
+  {
+    text: '3. Domain Whitelist',
+    step: 3
   }],
   installRequest: null,
   installRequestError: null,

client/coral-ui/components/WizardNav.css

@@ -13,6 +13,7 @@
     position: relative;
     padding-left: 40px;
     border-radius: 1px;
+    min-height: 24px;
 
     &:hover {
       cursor: pointer;