refact(header): clean up home checks

This commit is contained in:
Jean-Philippe Sirois
2019-08-23 17:13:06 -04:00
parent 8de39f7587
commit 7681e159d2
2 changed files with 29 additions and 18 deletions
+8 -6
View File
@@ -28,9 +28,9 @@ export function Header({ isHome }: IHeaderProps) {
}, [isHome])
return (
<SC.HeaderWrapper isHome={isHome}>
<SC.HeaderWrapper className={isHome ? "is-home" : ""}>
<WavesTop />
<SC.FadedBottomWave faded={!isHome}>
<SC.FadedBottomWave>
<WavesBottom />
</SC.FadedBottomWave>
@@ -68,10 +68,12 @@ export function Header({ isHome }: IHeaderProps) {
}}
/>
<SC.InnerWrapper>
<Link to="/">
<SC.Logo />
</Link>
<SC.Title>The Programmer's Hangout</SC.Title>
<SC.TitleWrapper>
<Link to="/">
<SC.Logo />
</Link>
<SC.Title>The Programmer's Hangout</SC.Title>
</SC.TitleWrapper>
<SC.Menu>
<MenuItem to="/about">about</MenuItem>
<MenuItem to="/rules">rules</MenuItem>