🐛 fix bug: window is not defined

gatsbyjs/gatsby#309
mildronize · Jul 6, 2018 · b73d886 · b73d886
1 parent 12c52f5
commit b73d886
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 20 deletions.
diff --git a/src/templates/post.jsx b/src/templates/post.jsx
@@ -14,6 +14,12 @@ import { slide as Menu } from 'react-burger-menu'
 
 
 export default class PostTemplate extends React.Component {
+
+  constructor(props) {
+    super(props);
+    this.state = {isOpen: true, updateDimensions:null};
+  }
+
   componentDidMount() {
     tocbot.init({
       // Where to render the table of contents.
@@ -23,24 +29,30 @@ export default class PostTemplate extends React.Component {
       // Which headings to grab inside of the contentSelector element.
       headingSelector: 'h1, h2, h3',
     });
-    window.addEventListener("resize", this.updateDimensions.bind(this));
-  }
-  constructor(props) {
-    super(props);
-    this.state = {isOpen: true};
+
+    let updateDimensions = function(){
+      if(typeof window !== 'undefined')
+        if(window.innerWidth < 900)
+          this.setState({isOpen:false, updateDimensions:updateDimensions});
+        else
+          this.setState({isOpen:true, updateDimensions:updateDimensions});
+      else
+        this.setState({isOpen:false, updateDimensions:updateDimensions});
+    };
+    window.addEventListener("resize", updateDimensions.bind(this));
   }
 
   updateDimensions() {
-    if(window.innerWidth < 900){
-      this.setState({isOpen:false});
-    }else
-      this.setState({isOpen:true});
-  }
-  componentWillMount() {
-      this.updateDimensions();
+    // const windowGlobal = typeof window !== 'undefined' && window;
+    // console.log(this.state.windowGlobal.innerWidth);
+    // if(this.state.window.innerWidth < 900){
+    //   this.setState({isOpen:false});
+    // }else
+    //   this.setState({isOpen:true});
   }
+
   componentWillUnmount() {
-      window.removeEventListener("resize", this.updateDimensions);
+      window.removeEventListener("resize", this.state.updateDimensions);
   }
 
   render() {

diff --git a/src/templates/styles.scss b/src/templates/styles.scss
@@ -7,13 +7,13 @@
 @import url("tocbot.css");
 // @import url("fonts/supermarket.css");
 
-@font-face {
-    font-family: 'supermarket';
-    src: url('/assets/fonts/supermarket.woff2') format('woff2'),
-         url('/assets/fonts/supermarket.woff') format('woff');
-    font-weight: normal;
-    font-style: normal;
-}
+// @font-face {
+//     font-family: 'supermarket';
+//     src: url('/assets/fonts/supermarket.woff2') format('woff2'),
+//          url('/assets/fonts/supermarket.woff') format('woff');
+//     font-weight: normal;
+//     font-style: normal;
+// }
 
 .tag-label {
     margin: 0 0.1em;