diff --git a/src/PhonoChangeApplier.js b/src/PhonoChangeApplier.js
index 78aacf3..819b9f8 100644
--- a/src/PhonoChangeApplier.js
+++ b/src/PhonoChangeApplier.js
@@ -10,12 +10,13 @@ const PhonoChangeApplier = () => {
const [ phonemes, setPhonemes ] = useState(
{ phoneme: [ 'feature' ] }
);
+ const [ epochs, setEpochs ] = useState([{name: 'epoch one', changes:['sound>change/environment']}]);
return (
);
}
diff --git a/src/components/Epochs.js b/src/components/Epochs.js
index caa8523..058903f 100644
--- a/src/components/Epochs.js
+++ b/src/components/Epochs.js
@@ -7,7 +7,7 @@ const Epochs = props => {
return (
Sound Change Epochs
-
+ {props.epochs ? props.epochs.map(epoch => ) : <>>}
);
}
diff --git a/src/components/SoundChangeSuite.js b/src/components/SoundChangeSuite.js
index 8f571ff..122b43e 100644
--- a/src/components/SoundChangeSuite.js
+++ b/src/components/SoundChangeSuite.js
@@ -1,13 +1,17 @@
-import React from 'react';
+import React, { useState } from 'react';
import './SoundChangeSuite.scss';
const SoundChangeSuite = props => {
- let epochName = props.epoch ? Object.keys(props.epoch)[0] : 'Changes';
+ const [ epoch, setEpoch ] = useState(props.epoch ? props.epoch : {name:'', changes:['']})
return (
-