doc.silverstripe.org/gatsby-browser.js

53 lines
1.4 KiB
JavaScript
Raw Normal View History

2019-11-08 03:40:20 +01:00
require("prismjs/themes/prism-okaidia.css");
require("./src/theme/assets/scss/theme.scss");
2019-11-14 23:40:23 +01:00
require('./src/theme/assets/fontawesome/css/all.css');
2019-11-08 03:40:20 +01:00
const React = require('react');
const Layout = require('./src/components/Layout').default;
const NodeProvider = require('./src/components/NodeProvider').default;
const smoothScroll = require('smooth-scroll');
2019-11-08 03:40:20 +01:00
2019-11-08 04:53:25 +01:00
if (typeof window !== "undefined") {
smoothScroll('a[href*="#"]')
}
/**
* Ensures the chrome doesn't rerender every page load, which makes the sidebar reset its scroll.
*/
2019-11-08 03:40:20 +01:00
exports.wrapPageElement = ({ element, props }) => {
return (
<NodeProvider {...props}>
<Layout {...props}>
{element}
</Layout>
</NodeProvider>
);
};
exports.onRouteUpdate = ({location}) => {
if (window.ga && process.env.NODE_ENV === 'production') {
window.ga('send', 'pageview');
}
anchorScroll(location);
return true;
};
exports.shouldUpdateScroll = ({
routerProps: { location },
}) => {
anchorScroll(location);
return true;
}
const anchorScroll = location => {
// Check for location so build does not fail
if (location && location.hash) {
setTimeout(() => {
const item = document.querySelector(`${location.hash}`).offsetTop;
const mainNavHeight = document.querySelector(`header`).offsetHeight;
window.scrollTo({top: item - mainNavHeight, left: 0, behavior: 'smooth'});
}, 0);
}
}