chore: added no-js support

gatsby-browser.js

@@ -0,0 +1,5 @@
+exports.onClientEntry = () => {
+  window.addEventListener('load', () => {
+    document.body.className = document.body.className.replace(/\bno-js\b/, '')
+  })
+}

gatsby-ssr.js

@@ -0,0 +1,5 @@
+exports.onRenderBody = ({ setBodyAttributes }) => {
+  setBodyAttributes({
+    className: 'no-js',
+  })
+}

src/components/common/javascript-presence.js

@@ -0,0 +1,12 @@
+import React from 'react'
+import noJsStyles from './javascript-presence.module.scss'
+
+const JsEnabled = ({ children }) => (
+  <div className={noJsStyles.jsEnabled}>{children}</div>
+)
+
+const JsDisabled = ({ children }) => (
+  <div className={noJsStyles.jsDisabled}>{children}</div>
+)
+
+export { JsEnabled, JsDisabled }

src/components/common/javascript-presence.module.scss

@@ -0,0 +1,17 @@
+.js-disabled {
+  display: none;
+}
+
+.js-enabled {
+  display: inline;
+}
+
+.no-js {
+  .js-enabled {
+    display: none;
+  }
+
+  .js-disabled {
+    display: inline;
+  }
+}