Remove react-responsive as it breaks gatsby

nygrenh · nygrenh · commit a975b79093fa · 2018-12-13T12:01:11.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -34,7 +34,6 @@
     "react-helmet": "^5.2.0",
     "react-jss": "^8.6.1",
     "react-motion": "^0.5.2",
-    "react-responsive": "^6.0.1",
     "react-scrollspy": "^3.3.5",
     "react-youtube": "^7.8.0",
     "redux-action-analytics": "0.0.3",
diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
@@ -1,7 +1,6 @@
 import React, { Fragment } from 'react'
 import styled from 'styled-components'
 import { graphql, StaticQuery } from 'gatsby'
-import MediaQuery from 'react-responsive'
 import { Button } from '@material-ui/core'
 
 import Logo from './Logo'
@@ -67,6 +66,9 @@ const MenuExpanderWrapper = styled.div`
   justify-content: center;
   margin: 1rem;
   margin-bottom: 0;
+  @media only screen and (min-width: 1200px) {
+    display: none;
+  }
 `
 
 var content2 = [
@@ -139,17 +141,15 @@ class Sidebar extends React.Component {
     content = content.concat(futurePages)
     return (
       <MobileWrapperOrFragment mobileMenuOpen={this.state.mobileMenuOpen}>
-        <MediaQuery query="only screen and (max-width: 1200px)">
-          <MenuExpanderWrapper>
-            <Button
-              variant="outlined"
-              color="primary"
-              onClick={this.toggleMobileMenu}
-            >
-              {this.state.mobileMenuOpen ? 'Sulje valikko' : 'Vaihda sivua'}
-            </Button>
-          </MenuExpanderWrapper>
-        </MediaQuery>
+        <MenuExpanderWrapper>
+          <Button
+            variant="outlined"
+            color="primary"
+            onClick={this.toggleMobileMenu}
+          >
+            {this.state.mobileMenuOpen ? 'Sulje valikko' : 'Vaihda sivua'}
+          </Button>
+        </MenuExpanderWrapper>
         <SidebarContainer mobileMenuOpen={this.state.mobileMenuOpen}>
           <Brand>Ohjelmoinnin MOOC 2019</Brand>
           <TreeViewContainer>
