diff --git a/src/PhonoChangeApplier.js b/src/PhonoChangeApplier.js
index 39fd870..78aacf3 100644
--- a/src/PhonoChangeApplier.js
+++ b/src/PhonoChangeApplier.js
@@ -3,6 +3,7 @@ import './PhonoChangeApplier.scss';
import ProtoLang from './components/ProtoLang';
import Features from './components/Features';
+import Epochs from './components/Epochs';
const PhonoChangeApplier = () => {
const [ lexicon, setLexicon ] = useState(['one']);
@@ -14,6 +15,7 @@ const PhonoChangeApplier = () => {
Sound Change Epochs
diff --git a/src/components/SoundChangeSuite.js b/src/components/SoundChangeSuite.js
index 47d7838..5cecafb 100644
--- a/src/components/SoundChangeSuite.js
+++ b/src/components/SoundChangeSuite.js
@@ -1,10 +1,10 @@
import React from 'react';
import './SoundChangeSuite.scss';
-const SoundChangeSuite = () => {
+const SoundChangeSuite = props => {
return (
-
Epoch Name
+ {props.epoch ? Object.keys(props.epoch)[0] : 'Changes'}
);
}
diff --git a/src/components/SoundChangeSuite.test.js b/src/components/SoundChangeSuite.test.js
index 69f87b7..5dc02b2 100644
--- a/src/components/SoundChangeSuite.test.js
+++ b/src/components/SoundChangeSuite.test.js
@@ -14,7 +14,7 @@ it('renders SoundChangeSuite without crashing', () => {
describe('SoundChangeSuite', () => {
it('renders the correct subtitle', () => {
- const { getByTestId } = render(
);
+ const { getByTestId } = render(
);
expect(getByTestId('SoundChangeSuite')).toHaveTextContent('Epoch Name');
});