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

fix(client): learn layout on mobile

Browse Source
This commit is contained in:
Valeriy S
2019-05-14 17:37:13 +03:00
committed by mrugesh
parent 6b46736801
commit 672184d0c3
1 changed files with 24 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/templates/Challenges/classic/Show.js
View File

@ -250,8 +250,6 @@ class ShowClassic extends Component {
title={`Learn ${this.getBlockNameTitle()} | freeCodeCamp.org`} title={`Learn ${this.getBlockNameTitle()} | freeCodeCamp.org`}
/> />
<Media maxWidth={MAX_MOBILE_WIDTH}> <Media maxWidth={MAX_MOBILE_WIDTH}>
{matches =>
matches ? (
<MobileLayout <MobileLayout
editor={this.renderEditor()} editor={this.renderEditor()}
guideUrl={this.getGuideUrl()} guideUrl={this.getGuideUrl()}
@ -263,7 +261,8 @@ class ShowClassic extends Component {
testOutput={this.renderTestOutput()} testOutput={this.renderTestOutput()}
videoUrl={this.getVideoUrl()} videoUrl={this.getVideoUrl()}
/> />
) : ( </Media>
<Media minWidth={MAX_MOBILE_WIDTH + 1}>
<DesktopLayout <DesktopLayout
challengeFile={this.getChallengeFile()} challengeFile={this.getChallengeFile()}
editor={this.renderEditor()} editor={this.renderEditor()}
@ -275,8 +274,6 @@ class ShowClassic extends Component {
resizeProps={this.resizeProps} resizeProps={this.resizeProps}
testOutput={this.renderTestOutput()} testOutput={this.renderTestOutput()}
/> />
)
}
</Media> </Media>
<CompletionModal /> <CompletionModal />
<HelpModal /> <HelpModal />