From 07100ccaa96ec45c7ce5e0b23a105034e71591bb Mon Sep 17 00:00:00 2001
From: Sorrel Bri <sorrel.bri.june@gmail.com>
Date: Fri, 29 Nov 2019 19:32:42 -0800
Subject: [PATCH] add starting sound change rule for empty rules

---
 src/PhonoChangeApplier.js          | 2 +-
 src/components/Epochs.js           | 2 +-
 src/components/SoundChangeSuite.js | 5 +++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/PhonoChangeApplier.js b/src/PhonoChangeApplier.js
index 035a9aa..d66e25d 100644
--- a/src/PhonoChangeApplier.js
+++ b/src/PhonoChangeApplier.js
@@ -10,7 +10,7 @@ const PhonoChangeApplier = () => {
   const [ phonemes, setPhonemes ] = useState( 
       { phoneme: [ 'feature' ] } 
   );
-  const [ epochs, setEpochs ] = useState([{name: 'epoch 1', changes:['[+ feature]>[+ new feature]/[]_[]']}]);
+  const [ epochs, setEpochs ] = useState([{name: 'epoch 1', changes:['[+ feature]>[- feature]/_#']}]);
 
   return (
     <div className="PhonoChangeApplier" data-testid="PhonoChangeApplier">
diff --git a/src/components/Epochs.js b/src/components/Epochs.js
index 641b390..4378621 100644
--- a/src/components/Epochs.js
+++ b/src/components/Epochs.js
@@ -6,7 +6,7 @@ import SoundChangeSuite from './SoundChangeSuite';
 const addEpoch = (e, props) => {
   e.preventDefault()
   let index = props.epochs.length + 1;
-  props.setEpochs([...props.epochs, {name: `epoch ${index}`, changes:['[+ feature]>[+ new feature]/[]_[]']}])
+  props.setEpochs([...props.epochs, {name: `epoch ${index}`, changes:['[+ feature]>[- feature]/_#']}])
 }
 
 
diff --git a/src/components/SoundChangeSuite.js b/src/components/SoundChangeSuite.js
index 18b84a4..204f926 100644
--- a/src/components/SoundChangeSuite.js
+++ b/src/components/SoundChangeSuite.js
@@ -2,7 +2,8 @@ import React, { useState } from 'react';
 import './SoundChangeSuite.scss';
 
 const SoundChangeSuite = props => {
-  const [ epoch, setEpoch ] = useState(props.epoch ? props.epoch : {name:'', changes:['']})
+  const [ epoch, setEpoch ] = useState(props.epoch ? props.epoch : {name:'', changes:['']});
+  
   return (
     <div className="SoundChangeSuite" data-testid={`${epoch.name}_SoundChangeSuite`}>
       <h4>{epoch.name}</h4>
@@ -10,7 +11,7 @@ const SoundChangeSuite = props => {
         <textarea name="epoch" id="" cols="30" rows="1" value={epoch.name} onChange={e=>setEpoch({...epoch, name:e.target.value})} ></textarea>
         <textarea name="changes" id="" cols="30" rows="10" 
           value={epoch.changes.join('\n')} 
-          onChange={e=>setEpoch({...epoch, changes:e.target.value.split(/\n/)})}
+          onChange={e=>setEpoch({...epoch, changes:e.target.value.split(/\n/).map(change=>change === '' ? '[+ feature]>[- feature]/_#' : change)})}
         ></textarea>
       </form>
       <form onSubmit={e=>props.removeEpoch(e, epoch.name)}>