Offline support and service worker test

client/gatsby-config.js

@@ -40,8 +40,11 @@ module.exports = {
         trackingId: "UA-61918855-18"
       }
     },
-    // this (optional) plugin enables Progressive Web App + Offline functionality
-    // To learn more, visit: https://gatsby.dev/offline
-    // `gatsby-plugin-offline`,
-  ],
+    {
+      resolve: `gatsby-plugin-offline`,
+      options: {
+        precachePages: [`/*`]
+      }
+    }
+  ]
 }

client/src/components/country-page.js

@@ -9,6 +9,7 @@ import GridItem from "../components/grid-item"
 import Footer from "../components/footer"
 import GetTopCountries from '../utils/get-top-countries'
 import SetupCountry from '../utils/setup-country'
+import { navigate } from "@reach/router"
 
 import 'bulma/css/bulma.css'
 import '../styles/custom.css'
@@ -38,7 +39,9 @@ export default class CountryPage extends React.Component{
   }
 
   heroSelectFn = (e) => {
-      this.setState({selected_country: e.target.value})   
+      // this.setState({selected_country: e.target.value})   
+      if(e.target.value) 
+        navigate(`/${e.target.value.toLowerCase().replace(/\s+/g, "-")}`)
   }
 
 

package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "gatsby-plugin-offline": "^3.0.42"
+  }
+}