Working through ReactJS lifecycle deprecations

src/js/views/modals/Modal.js

@@ -6,12 +6,12 @@ import { bindActionCreators } from 'redux';
 import * as helpers from '../../helpers';
 import Icon from '../../components/Icon';
 
-class Modal extends React.Component {
+class Modal extends React.Component {
   constructor(props) {
     super(props);
   }
 
-  componentWillMount() {
+  componentDidMount() {
     $('body').addClass('modal-open');
   }
 
@@ -19,7 +19,7 @@ class Modal extends React.Component {
     $('body').removeClass('modal-open');
   }
 
-  render() {
+  render() {
     let className = 'modal';
     if (this.props.className) {
       className += ` ${this.props.className}`;
@@ -29,10 +29,10 @@ class Modal extends React.Component {
       <div className={className}>
 
         <div className="controls">
-          {this.props.noclose ? null : (
+          {this.props.noclose ? null : (
             <div className="control close" onClick={(e) => window.history.back()}>
               <Icon name="close" className="white" />
-            </div>
+            </div>
           ) }
         </div>
 
@@ -50,4 +50,4 @@ const mapStateToProps = (state, ownProps) => ({
 
 const mapDispatchToProps = (dispatch) => ({});
 
-export default connect(mapStateToProps, mapDispatchToProps)(Modal);
+export default connect(mapStateToProps, mapDispatchToProps)(Modal);