fahad
/
autonomic-zone-gatsby
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update layout

This commit is contained in:
desmukh 2023-01-05 15:35:42 +05:00
parent d39c88f21b
commit 51cd50dcc3
1 changed files with 45 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
src/components/layout.js
View File

@ -1,35 +1,54 @@
import * as React from "react" import * as React from "react"
import { Link } from "gatsby" import { Link as GatsbyLink } from "gatsby"
import { AppBar, Button, Container, Link, Toolbar } from "@mui/material"
const Layout = ({ location, title, children }) => { const Layout = ({ location, title, children }) => {
const rootPath = `${__PATH_PREFIX__}/` // const rootPath = `${__PATH_PREFIX__}/`
const isRootPath = location.pathname === rootPath // const isRootPath = location.pathname === rootPath
let header // let header
if (isRootPath) { // if (isRootPath) {
header = ( // header = (
<h1 className="main-heading"> // <h1 className="main-heading">
<Link to="/">{title}</Link> // <Link to="/">{title}</Link>
</h1> // </h1>
) // )
} else { // } else {
header = ( // header = (
<Link className="header-link-home" to="/"> // <Link className="header-link-home" to="/">
{title} // {title}
</Link> // </Link>
) // )
} // }
return ( return (
<div className="global-wrapper" data-is-root-path={isRootPath}> <>
<header className="global-header">{header}</header> <AppBar
<main>{children}</main> component="header"
<footer> color="transparent"
© {new Date().getFullYear()}, Built with position="relative"
{` `} elevation={0}
<a href="https://www.gatsbyjs.com">Gatsby</a> >
</footer> <Toolbar>
</div> <Link
underline="hover"
component={GatsbyLink}
to="/"
sx={{ textTransform: "lowercase" }}
>
{title}
</Link>
</Toolbar>
</AppBar>
<Container>
<main>{children}</main>
<footer>
© {new Date().getFullYear()}, Built with
{` `}
<a href="https://www.gatsbyjs.com">Gatsby</a>
</footer>
</Container>
</>
) )
} }