gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): challenge SSR and styles

Browse Source
This commit is contained in:
Valeriy S
2019-01-23 12:24:05 +03:00
committed by Stuart Taylor
parent 18a42f37cd
commit 4987f986a9
8 changed files with 85 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
client/src/components/Header/index.js
View File

@@ -30,12 +30,16 @@ class Header extends Component {
<header className={this.state.isMenuOpened ? 'opened' : null}>
<nav id='top-nav'>
<Media query='(min-width: 735px)'>
<Fragment>
<Link className='home-link' to='/'>
<NavLogo />
</Link>
{disableSettings ? null : <FCCSearch />}
</Fragment>
{matches =>
matches && (
<Fragment>
<Link className='home-link' to='/'>
<NavLogo />
</Link>
{disableSettings ? null : <FCCSearch />}
</Fragment>
)
}
</Media>
<ul id='top-right-nav'>
@@ -58,16 +62,20 @@ class Header extends Component {
</ul>
</nav>
<Media query='(max-width: 734px)'>
<div className='mobile-menu'>
<Link className='home-link' to='/'>
<NavLogo />
</Link>
{disableSettings ? null : <FCCSearch />}
<span className='menu-button' onClick={this.toggleClass}>
Menu
</span>
</div>
<Media defaultMatches={false} query='(max-width: 734px)'>
{matches =>
matches && (
<div className='mobile-menu'>
<Link className='home-link' to='/'>
<NavLogo />
</Link>
{disableSettings ? null : <FCCSearch />}
<span className='menu-button' onClick={this.toggleClass}>
Menu
</span>
</div>
)
}
</Media>
</header>
);