From 3ac7816d8f67e4208352c08f7acc3a38652bdc1e Mon Sep 17 00:00:00 2001
From: Jinksi <ericjinks@gmail.com>
Date: Thu, 5 Oct 2017 07:56:52 +1000
Subject: [PATCH] <ServiceWorkerNotifications /> allow passing of props for
 messages and disabling

---
 src/App.js                                   |  4 +++-
 src/components/ServiceWorkerNotifications.js | 18 +++++++++++++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/App.js b/src/App.js
index cc38b0d..bfe936b 100644
--- a/src/App.js
+++ b/src/App.js
@@ -38,7 +38,9 @@ class App extends Component {
       <Router>
         <div>
           <ScrollToTop />
-          <ServiceWorkerNotifications />
+          <ServiceWorkerNotifications
+            readyMessage='This message is displayed when the SW is registered'
+          />
           <GithubCorner url='https://github.com/Jinksi/hyperstatic' />
           <Helmet titleTemplate={`${siteTitle} | %s`} />
           <Nav>
diff --git a/src/components/ServiceWorkerNotifications.js b/src/components/ServiceWorkerNotifications.js
index 1b63f20..e938d80 100644
--- a/src/components/ServiceWorkerNotifications.js
+++ b/src/components/ServiceWorkerNotifications.js
@@ -37,6 +37,15 @@ const CloseButton = styled.button.attrs({
 `
 
 export default class ServiceWorkerNotifications extends Component {
+  static defaultProps = {
+    readyMessage: 'This site is cached for offline use!',
+    updatedMessage: 'New content is available please refresh.',
+    offlineMessage: 'You are now offline, browsing from cache.',
+    ready: true,
+    updated: true,
+    offline: true
+  }
+
   state = {
     message: null
   }
@@ -54,15 +63,18 @@ export default class ServiceWorkerNotifications extends Component {
   }
 
   handleReady = () => {
-    this.setState({ message: 'This site is cached for offline use!' })
+    if (!this.props.ready) return
+    this.setState({ message: this.props.readyMessage })
   }
 
   handleUpdated = () => {
-    this.setState({ message: 'New content is available please refresh.' })
+    if (!this.props.updated) return
+    this.setState({ message: this.props.updatedMessage })
   }
 
   handleOffline = () => {
-    this.setState({ message: null })
+    if (!this.props.offline) return
+    this.setState({ message: this.props.offlineMessage })
   }
 
   handleDismiss = () => {