From 7de78839b0bb4531195504b0bf695b727da03939 Mon Sep 17 00:00:00 2001
From: Sorrel Bri <sorrel.bri.june@gmail.com>
Date: Mon, 16 Dec 2019 14:52:38 -0800
Subject: [PATCH] hook lexicon into ProtoLang render

---
 src/PhonoChangeApplier.js        |  2 +-
 src/components/ProtoLang.js      |  4 ++--
 src/components/ProtoLang.test.js | 10 +++++++---
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/PhonoChangeApplier.js b/src/PhonoChangeApplier.js
index 66db158..3c41f02 100644
--- a/src/PhonoChangeApplier.js
+++ b/src/PhonoChangeApplier.js
@@ -122,7 +122,7 @@ const PhonoChangeApplier = () => {
 
   return (
     <div className="PhonoChangeApplier" data-testid="PhonoChangeApplier">
-      <ProtoLang lexicon={lexicon} setLexicon={setLexicon}/>
+      <ProtoLang lexicon={state.lexicon} dispatch={dispatch}/>
       <Features phonemes={phonemes} setPhonemes={setPhonemes} features={features} setFeatures={setFeatures}/>
       <Epochs epochs={epochs} setEpochs={setEpochs} errors={errors}/>
       <Options options={options} setOptions={setOptions} runChanges={runChanges}/>
diff --git a/src/components/ProtoLang.js b/src/components/ProtoLang.js
index c858ccb..c4f67ed 100644
--- a/src/components/ProtoLang.js
+++ b/src/components/ProtoLang.js
@@ -9,8 +9,8 @@ const ProtoLang = (props) => {
       <form data-testid="ProtoLang-Lexicon">
         <textarea
           name="lexicon" 
-          value={props.lexicon ? props.lexicon.join("\n") : ''}
-          onChange={e=>props.setLexicon(e.target.value.split(/\n/))}
+          value={props.lexicon ? props.lexicon.map(lexeme => `${lexeme.lexeme} \t#${lexeme.epoch.name}`).join('\n'): ''}
+          onChange={e=>props.dispatch({action: 'SET_LEXION', value: e.target.value.split(/\n/)})}
           >
         </textarea>
       </form>
diff --git a/src/components/ProtoLang.test.js b/src/components/ProtoLang.test.js
index 63b879a..a2cff31 100644
--- a/src/components/ProtoLang.test.js
+++ b/src/components/ProtoLang.test.js
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom';
 import ProtoLang from './ProtoLang';
 import renderer from 'react-test-renderer';
 import { exportAllDeclaration } from '@babel/types';
-import {render} from '@testing-library/react';
+import { render } from '@testing-library/react';
 import extendExpect from '@testing-library/jest-dom/extend-expect'
 
 it('renders ProtoLang without crashing', () => {
@@ -21,7 +21,11 @@ describe('ProtoLang', () => {
   })
   
   it('renders lexicon from state', () => {
-    const { getByTestId } = render(<ProtoLang lexicon={['one']}/>);
-    expect(getByTestId('ProtoLang-Lexicon')).toHaveFormValues({lexicon: 'one'});
+    const { getByTestId } = render(<ProtoLang lexicon={[{ lexeme:'one', epoch:{name: 'epoch-one', changes: []} }]}/>);
+    expect(getByTestId('ProtoLang-Lexicon')).toHaveFormValues({lexicon: 'one #epoch-one'});
+  })
+
+  it('', () => {
+
   })
 })
\ No newline at end of file