97522a0332
* Improve bookcard responsive UI * Hamburger menu * Resolved conflict, mergin to upstream * fix missing bookmark button
48 lines
999 B
JavaScript
48 lines
999 B
JavaScript
/**
|
|
* Layout component that queries for data
|
|
* with Gatsby's useStaticQuery component
|
|
*
|
|
* See: https://www.gatsbyjs.org/docs/use-static-query/
|
|
*/
|
|
|
|
import React from "react"
|
|
import PropTypes from "prop-types"
|
|
import { useStaticQuery, graphql } from "gatsby"
|
|
|
|
import Header from "./header"
|
|
import "./layout.css"
|
|
import "bootstrap/dist/css/bootstrap.min.css"
|
|
import { Container } from "react-bootstrap"
|
|
|
|
const Layout = ({ children }) => {
|
|
const data = useStaticQuery(graphql`
|
|
query SiteTitleQuery {
|
|
site {
|
|
siteMetadata {
|
|
title
|
|
}
|
|
}
|
|
}
|
|
`)
|
|
|
|
return (
|
|
<>
|
|
<Header siteTitle={data.site.siteMetadata.title} />
|
|
<Container fluid>
|
|
<main>{children}</main>
|
|
<footer>
|
|
© {new Date().getFullYear()}, Built with
|
|
{` `}
|
|
<a href="https://www.gatsbyjs.org">Gatsby</a>
|
|
</footer>
|
|
</Container>
|
|
</>
|
|
)
|
|
}
|
|
|
|
Layout.propTypes = {
|
|
children: PropTypes.node.isRequired,
|
|
}
|
|
|
|
export default Layout
|