header bug fixes

This commit is contained in:
tarafanlin 2020-09-05 11:46:02 -07:00
parent 6033a2b6d4
commit d824741269

View File

@ -176,14 +176,13 @@ const openNavLink = {
export const NewWebsitePrototypeHeader = (props) => { export const NewWebsitePrototypeHeader = (props) => {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const communityURL = "/community"; const communityURL = "/community";
const signInURL = "/_"; const signInURL = "/_";
const styleMenu = open ? openMenu : null; const styleMenu = open ? openMenu : null;
const styleNavLink = open ? openNavLink : null;
const styleBurgerBun = open ? openBurgerBun : null; const styleBurgerBun = open ? openBurgerBun : null;
const styleBurgerMeat = open ? openBurgerMeat : null; const styleBurgerMeat = open ? openBurgerMeat : null;
const styleBurgerBun2 = open ? openBurgerBun2 : null; const styleBurgerBun2 = open ? openBurgerBun2 : null;
const styleNavLink = open ? openNavLink : null;
return ( return (
<div css={STYLES_CONTAINER} style={props.style}> <div css={STYLES_CONTAINER} style={props.style}>
@ -200,18 +199,15 @@ export const NewWebsitePrototypeHeader = (props) => {
Sign in Sign in
</a> </a>
</div> </div>
<div css={STYLES_MOBILENAV} open={open}> <div css={STYLES_MOBILENAV}>
<div onClick={() => setOpen(!open)} css={STYLES_BURGER}> <div onClick={() => setOpen(!open)} css={STYLES_BURGER}>
<div css={STYLES_BURGER_BUN} style={styleBurgerBun} /> <div css={STYLES_BURGER_BUN} style={styleBurgerBun} />
<div css={STYLES_BURGER_MEAT} style={styleBurgerMeat} /> <div css={STYLES_BURGER_MEAT} style={styleBurgerMeat} />
<div css={STYLES_BURGER_BUN2} style={styleBurgerBun2} /> <div css={STYLES_BURGER_BUN2} style={styleBurgerBun2} />
</div> </div>
<div css={STYLES_MENU} style={styleMenu}> <div css={STYLES_MENU} style={styleMenu}>
<a css={STYLES_NAVLINK} style={styleNavLink} href={designSystemURL}> <a css={STYLES_NAVLINK} style={styleNavLink} href={communityURL}>
Design system Get involved
</a>
<a css={STYLES_NAVLINK} style={styleNavLink} href={viewSourceURL}>
View source
</a> </a>
<a css={STYLES_NAVLINK} style={styleNavLink} href={signInURL}> <a css={STYLES_NAVLINK} style={styleNavLink} href={signInURL}>
Sign in Sign in