Issue #260 - Fix display footer on new list page

greencommons · Sep 26, 2017 · 044a6a1 · 044a6a1
1 parent e112bcf
commit 044a6a1
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 10 deletions.
diff --git a/app/assets/javascripts/components/add_to_list/add_to_list_button.js.jsx b/app/assets/javascripts/components/add_to_list/add_to_list_button.js.jsx
@@ -26,7 +26,13 @@ var AddToListButton = React.createClass({
 
   toggleModal: function(e) {
     e.preventDefault();
-    this.setState({ showModal: !this.state.showModal })
+    this.setState({ showModal: !this.state.showModal }, () =>{
+      if (this.state.showModal) {
+        $('body').addClass('no-scroll');
+      } else {
+        $('body').removeClass('no-scroll');
+      }
+    });
   },
 
   render: function() {

diff --git a/app/assets/javascripts/components/add_to_list/add_to_list_form.js.jsx b/app/assets/javascripts/components/add_to_list/add_to_list_form.js.jsx
@@ -23,10 +23,6 @@ var AddToListForm = React.createClass({
     this.setState({ listId: value });
   },
 
-  componentWillUnmount: function() {
-    $('body').removeClass('no-scroll');
-  },
-
   handleNote: function(e) {
     this.setState({ note: e.target.value });
   },

diff --git a/app/assets/javascripts/components/autocomplete_select.js.jsx b/app/assets/javascripts/components/autocomplete_select.js.jsx
@@ -11,7 +11,6 @@ var AutocompleteSelect = React.createClass({
   componentDidMount: function() {
     var _this = this;
     var select = null;
-    $('body').addClass('no-scroll');
 
     if (this.props.autocompletePath) {
       select = $('#' + this.props.id).selectize({
@@ -58,10 +57,6 @@ var AutocompleteSelect = React.createClass({
     }
   },
 
-  componentWillUnmount: function() {
-    $('body').removeClass('no-scroll');
-  },
-
   render: function() {
     return (
       <select name={this.props.name} id={this.props.id} aria-hidden="true">