From 368b6ea1fa66d7d9567949adf14f3feecdcce1f4 Mon Sep 17 00:00:00 2001
From: Sorrel Bri <sorrel.bri.june@gmail.com>
Date: Wed, 18 Dec 2019 20:11:21 -0800
Subject: [PATCH] hook epochs into Epochs render

---
 src/App.css               | 2 --
 src/PhonoChangeApplier.js | 4 +++-
 src/components/Epochs.js  | 7 +++++--
 src/index.css             | 2 ++
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/App.css b/src/App.css
index afc3885..1787ad6 100644
--- a/src/App.css
+++ b/src/App.css
@@ -7,14 +7,12 @@
 }
 
 .App-header {
-  background-color: #282c34;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   font-size: calc(10px + 2vmin);
-  color: white;
 }
 
 .App-link {
diff --git a/src/PhonoChangeApplier.js b/src/PhonoChangeApplier.js
index 63265ba..f1408d6 100644
--- a/src/PhonoChangeApplier.js
+++ b/src/PhonoChangeApplier.js
@@ -124,7 +124,9 @@ const PhonoChangeApplier = () => {
     <div className="PhonoChangeApplier" data-testid="PhonoChangeApplier">
       <ProtoLang lexicon={state.lexicon} dispatch={dispatch}/>
       <Features phones={state.phones} features={state.features} dispatch={dispatch}/>
-      <Epochs epochs={epochs} setEpochs={setEpochs} errors={errors}/>
+      <Epochs epochs={state.epochs} dispatch={dispatch}
+      // setEpochs={setEpochs} 
+      />
       <Options options={options} setOptions={setOptions} runChanges={runChanges}/>
       <Output results={results} setResults={setResults}/>
     </div>
diff --git a/src/components/Epochs.js b/src/components/Epochs.js
index e73edab..23e9cc1 100644
--- a/src/components/Epochs.js
+++ b/src/components/Epochs.js
@@ -10,7 +10,10 @@ const Epochs = props => {
   const addEpoch = (e, props) => {
     e.preventDefault()
     let index = props.epochs.length + 1;
-    props.setEpochs([...props.epochs, {name: `epoch ${index}`, changes:['[+ feature]>[- feature]/_#']}])
+    props.dispatch({
+      type: 'ADD_EPOCH',
+      value: {name: `Epoch ${index}`}
+    })
   }
 
   const removeEpoch = (e, epochName) => {
@@ -33,7 +36,7 @@ const Epochs = props => {
         return <SoundChangeSuite 
           key={`epochname-${idx}`} epochIndex={idx} epoch={epoch} 
           updateEpoch={updateEpoch} removeEpoch={removeEpoch}
-          error={props.errors[epoch.name]}
+          // error={props.errors[epoch.name]}
         />}) 
         : <></>}
       <form onSubmit={e=>addEpoch(e, props)}>
diff --git a/src/index.css b/src/index.css
index 4a1df4d..c03c6f2 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,6 +5,8 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  background-color: #111;
+  color: #EEE;
 }
 
 code {