From 9224378866418ab3e2d5106701dae4950ce03fcf Mon Sep 17 00:00:00 2001
From: Aaron Carlino <unclecheese@leftandmain.com>
Date: Fri, 13 Dec 2019 11:27:47 +1300
Subject: [PATCH] Remove service worker, fix rendering

---
 gatsby-config.js                | 10 +++++++++-
 gatsby-ssr.js                   |  3 ++-
 src/components/Layout.tsx       |  6 ++++--
 src/components/NodeProvider.tsx |  1 +
 src/hooks/useHierarchy.ts       |  2 +-
 src/templates/docs-template.tsx |  4 ++--
 6 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/gatsby-config.js b/gatsby-config.js
index dc3288f..d690b21 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -72,7 +72,6 @@ module.exports = {
       resolve: `gatsby-source-filesystem`,
       options: {
         name: `watcher`,
-        // In dev mode, watch all the source files. Otherwise, point it at a meaningless directory
         path: `${__dirname}/.cache/gatsby-source-git/`,
       }
     },    
@@ -164,5 +163,14 @@ module.exports = {
       },
     },
     `gatsby-plugin-remove-serviceworker`,
+<<<<<<< HEAD
+=======
+    // {
+    //   resolve: `gatsby-plugin-offline`,
+    //   options: {
+    //     precachePages: [`/en/4/developer_guides/**`],
+    //   },      
+    // }   
+>>>>>>> Remove service worker, fix rendering
   ],
 }
diff --git a/gatsby-ssr.js b/gatsby-ssr.js
index 4be54e1..9cd58e3 100644
--- a/gatsby-ssr.js
+++ b/gatsby-ssr.js
@@ -1,6 +1,7 @@
 const React = require('react');
 const Layout = require('./src/components/Layout').default;
 const NodeProvider = require('./src/components/NodeProvider').default;
+const { setCurrentPath } = require('./src/utils/nodes');
 
 /**
  * Applies the node provider (static query of all documents)
@@ -16,7 +17,7 @@ exports.wrapPageElement = ({ element, props }) => {
     );
 };
 
-exports.onRenderBody = ({ setPostBodyComponents, setHeadComponents }) => {    
+exports.onRenderBody = ({ setPostBodyComponents, setHeadComponents, pathname }) => {
     // Rules that cannot be touched by purgecss because they come in from client side rendering
     setHeadComponents([ 
         <style key='prism-css' type="text/css" dangerouslySetInnerHTML={{
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 98e767d..cc0cd56 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -1,4 +1,4 @@
-import React, { StatelessComponent, useState, useEffect, ReactNode } from "react";
+import React, { StatelessComponent, useState, ReactNode } from "react";
 import Header from './Header';
 import Sidebar from './Sidebar';
 import useHierarchy from '../hooks/useHierarchy';
@@ -9,11 +9,13 @@ interface LayoutProps {
     slug: string;
   }
 }
-const Layout: StatelessComponent<LayoutProps> = ({ children }) => {
+const Layout: StatelessComponent<LayoutProps> = ({ children, pageContext: { slug } }) => {
   const { setCurrentPath } = useHierarchy();
   const [isToggled, setSidebarOpen] = useState(false);
   const handleNavigate = () => setSidebarOpen(false);
   
+  setCurrentPath(slug);
+
   return (
     <>
     <Header handleSidebarToggle={() => setSidebarOpen(!isToggled)} />
diff --git a/src/components/NodeProvider.tsx b/src/components/NodeProvider.tsx
index e2296d7..a35e788 100644
--- a/src/components/NodeProvider.tsx
+++ b/src/components/NodeProvider.tsx
@@ -56,6 +56,7 @@ const NodeProvider: StatelessComponent<{}> = ({ children, pageContext: { slug }
             getNodes,
             getParent,
             getSiblings,
+            setCurrentPath,
         }}>
           {children}
       </NodeContext.Provider>
diff --git a/src/hooks/useHierarchy.ts b/src/hooks/useHierarchy.ts
index c9b5be5..07c6439 100644
--- a/src/hooks/useHierarchy.ts
+++ b/src/hooks/useHierarchy.ts
@@ -12,7 +12,7 @@ interface NodeFunctions {
     getHomePage(): SilverstripeDocument|null;
     getNavChildren(node: SilverstripeDocument): SilverstripeDocument[];
     getCurrentVersion(): string;
-    setCurrentNode(slug: string): undefined;
+    setCurrentPath(slug: string): undefined;
 };
 
 const useHierarchy = (): NodeFunctions => {
diff --git a/src/templates/docs-template.tsx b/src/templates/docs-template.tsx
index 1c61260..dd6a39b 100644
--- a/src/templates/docs-template.tsx
+++ b/src/templates/docs-template.tsx
@@ -5,11 +5,11 @@ import { SingleFileQuery } from '../types';
 
 const Template: StatelessComponent<SingleFileQuery> = (result): ReactElement => {
     const currentNode = result.data.silverstripeDocument;
-    const { title, slug } = currentNode;
+    const { title } = currentNode;
     const  { html } = currentNode.watchFile;
     const { relativePath, gitRemote } = currentNode.parent.parent;
     const { ref, href } = gitRemote;
-    console.log('rendering the template for ', slug, html.substring(0, 25));
+    
     return (
         <DocsPage
             title={title}