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

fix(ssr): Only render LargeNav on SSR

Browse Source
This commit is contained in:
Stuart Taylor
2018-03-13 20:34:42 +00:00
parent 61d76220c7
commit c80e98a9a4
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
common/app/Nav/MediumNav.jsx
View File

@ -10,8 +10,9 @@ function MediumNav({ clickOnLogo, clickOnMap, shouldShowMapButton, panes }) {
return ( return (
<Media <Media
query={{ maxWidth: 955, minWidth: 751 }} query={{ maxWidth: 955, minWidth: 751 }}
render={ >
() => ( {
matches => matches && typeof window !== 'undefined' && (
<div> <div>
<Row> <Row>
<Navbar.Header className='medium-nav'> <Navbar.Header className='medium-nav'>
@ -42,7 +43,7 @@ function MediumNav({ clickOnLogo, clickOnMap, shouldShowMapButton, panes }) {
</div> </div>
) )
} }
/> </Media>
); );
} }

7
common/app/Nav/SmallNav.jsx
View File

@ -10,8 +10,9 @@ function SmallNav({ clickOnLogo, clickOnMap, shouldShowMapButton, panes }) {
return ( return (
<Media <Media
query='(max-width: 750px)' query='(max-width: 750px)'
render={ >
() => ( {
matches => matches && typeof window !== 'undefined' && (
<div> <div>
<Row> <Row>
<Navbar.Header className='small-nav'> <Navbar.Header className='small-nav'>
@ -43,7 +44,7 @@ function SmallNav({ clickOnLogo, clickOnMap, shouldShowMapButton, panes }) {
</div> </div>
) )
} }
/> </Media>
); );
} }