import React, { Component, Fragment } from 'react'
import PropTypes from 'prop-types'
import withRouter from 'react-router-dom/withRouter'
import TransitionGroup from 'react-transition-group/TransitionGroup'
import { StaticQuery, graphql } from 'gatsby'
import Head from './atoms/Head'
import Header from './organisms/Header'
import Footer from './organisms/Footer'
import { FadeIn } from './atoms/Animations'
class TransitionHandler extends Component {
shouldComponentUpdate() {
return this.props.location.pathname === window.location.pathname
}
render() {
const { children } = this.props
return {children}
}
}
const Main = ({ children }) => {children}
const TemplateWrapper = ({ children, location }) => {
const isHomepage = location.pathname === '/'
return (
{
const meta = data.dataYaml
const pkg = data.portfolioJson
return (
{children}
)
}}
/>
)
}
TransitionHandler.propTypes = {
children: PropTypes.any.isRequired,
location: PropTypes.object.isRequired
}
Main.propTypes = {
children: PropTypes.any.isRequired
}
TemplateWrapper.propTypes = {
children: PropTypes.any.isRequired,
location: PropTypes.object.isRequired
}
export default withRouter(TemplateWrapper)