import React from 'react';
import { ThemeProvider, Styled } from 'theme-ui';
import Helmet from 'react-helmet';
import { Flex, Box } from 'rebass';
import ReactGA from 'react-ga';
import { useStaticQuery, graphql } from 'gatsby';
import {
MenuContextProvider,
useMenuContext,
} from '../components/Menu/context';
import {
SearchContextProvider,
useSearchContext,
} from '../components/Search/context';
import Navbar from './Navbar';
import Footer from './Footer';
import theme from '../gatsby-plugin-theme-ui/index';
import './reset.css';
const initializeReactGA = googleAnalyticsId => {
ReactGA.initialize(googleAnalyticsId);
if (typeof window !== `undefined`) {
ReactGA.pageview(window.location.pathname + window.location.search);
}
};
const Layout = ({ children }) => {
const data = useStaticQuery(
graphql`
query LayoutStaticQuery {
site {
siteMetadata {
gatsbyStorefrontConfig {
googleAnalyticsId
}
}
}
}
`
);
const { googleAnalyticsId } = data.site.siteMetadata.gatsbyStorefrontConfig;
initializeReactGA(googleAnalyticsId);
return (
);
};
const LayoutComponents = ({ children }) => {
const { menuShowed } = useMenuContext();
const { searchShowed } = useSearchContext();
return (
{children}
);
};
export default Layout;