have part of the random encoutner generator working, should move over to flux before continuing

client/naturalCrit/sidebar/encounters/encounters.jsx

@@ -4,6 +4,9 @@ var cx = require('classnames');
 
 var JSONFileEditor = require('naturalCrit/jsonFileEditor/jsonFileEditor.jsx');
 
+var GetRandomEncounter = require('naturalCrit/randomEncounter.js');
+
+
 var Encounters = React.createClass({
 	getDefaultProps: function() {
 		return {
@@ -26,6 +29,10 @@ var Encounters = React.createClass({
 		this.props.onRemoveEncounter(encounterIndex);
 	},
 
+	addRandomEncounter : function(){
+		this.props.onJSONChange(this.props.encounters.length, GetRandomEncounter());
+	},
+
 
 	renderEncounters : function(){
 		var self = this;
@@ -58,7 +65,7 @@ var Encounters = React.createClass({
 				<h3>
 					<i className='fa fa-flag' /> Encounters
 					<button className='addEncounter'>
-						<i className='fa fa-plus' />
+						<i className='fa fa-plus' onClick={this.addRandomEncounter}/>
 					</button>
 				</h3>
 				{this.renderEncounters()}