Finalizing responsive header/ID

cox-auto-kc · May 16, 2016 · d0b3303 · d0b3303
1 parent c108ae9
commit d0b3303
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 26 deletions.
diff --git a/src/app/components/griddle-responsive-header.js b/src/app/components/griddle-responsive-header.js
@@ -8,15 +8,16 @@ import GriddleCell from '../components/griddle-cell';
 class GriddleResponsiveHeaders extends React.Component{
   constructor(props){
     super(props);
+    this.state ={
+      responsiveView: false
+    };
 
-    /*
     this.componentWillMount = this.componentWillMount.bind(this);
     this.componentDidMount = this.componentDidMount.bind(this);
     this.handleResize = this.handleResize.bind(this);
-    */
   }
 
-  /*
+
   componentWillMount() {
     window.addEventListener('load', this.handleResize);
     window.addEventListener('click', this.handleResize);
@@ -31,7 +32,7 @@ class GriddleResponsiveHeaders extends React.Component{
     const view = ( width < 992 ) ? true : false;
       this.setState({responsiveView: view});
   }
-  */
+
 
   doMobileHeader(){
     const columnInfo = this.props.rowData[this.props.metadata.columnName];
@@ -60,7 +61,7 @@ class GriddleResponsiveHeaders extends React.Component{
   }
 
   render(){
-    const responsiveView = this.props.rowData.responsiveView;
+    const responsiveView = this.state.responsiveView;
 
     if(responsiveView){
       return this.doMobileHeader();

diff --git a/src/app/pages/AppGriddle.js b/src/app/pages/AppGriddle.js
@@ -131,29 +131,8 @@ const columnMeta = [
 class AppGriddle extends React.Component {
   constructor(props){
     super(props);
-    this.state = {
-      responsiveView: false
-    };
-
-    this.componentWillMount = this.componentWillMount.bind(this);
-    this.componentDidMount = this.componentDidMount.bind(this);
-    this.handleResize = this.handleResize.bind(this);
-  }
-
-  componentWillMount() {
-    window.addEventListener('load', this.handleResize);
-    window.addEventListener('click', this.handleResize);
   }
 
-  componentDidMount() {
-    window.addEventListener('resize', this.handleResize);
-  }
-
-  handleResize(e) {
-    const width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
-    const view = ( width < 992 ) ? true : false;
-    this.setState({responsiveView: view});
-  }
 
   render() {
     return (