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

refactor: DRY out DesktopLayout

Browse Source
This commit is contained in:
Oliver Eyton-Williams
2020-07-27 12:35:59 +02:00
committed by Mrugesh Mohapatra
parent 3ea251383f
commit 2e7a2424c1
1 changed files with 8 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
client/src/templates/Challenges/classic/DesktopLayout.js
View File

@ -17,6 +17,12 @@ const propTypes = {
testOutput: PropTypes.element testOutput: PropTypes.element
}; };
const reflexProps = {
propagateDimensions: true,
renderOnResize: true,
renderOnResizeRate: 20
};
class DesktopLayout extends Component { class DesktopLayout extends Component {
render() { render() {
const { const {
@ -37,23 +43,11 @@ class DesktopLayout extends Component {
<ReflexElement flex={1} {...resizeProps}> <ReflexElement flex={1} {...resizeProps}>
{challengeFile && ( {challengeFile && (
<ReflexContainer key={challengeFile.key} orientation='horizontal'> <ReflexContainer key={challengeFile.key} orientation='horizontal'>
<ReflexElement <ReflexElement flex={1} {...reflexProps} {...resizeProps}>
flex={1}
propagateDimensions={true}
renderOnResize={true}
renderOnResizeRate={20}
{...resizeProps}
>
{editor} {editor}
</ReflexElement> </ReflexElement>
<ReflexSplitter propagate={true} {...resizeProps} /> <ReflexSplitter propagate={true} {...resizeProps} />
<ReflexElement <ReflexElement flex={0.25} {...reflexProps} {...resizeProps}>
flex={0.25}
propagateDimensions={true}
renderOnResize={true}
renderOnResizeRate={20}
{...resizeProps}
>
{testOutput} {testOutput}
</ReflexElement> </ReflexElement>
</ReflexContainer> </ReflexContainer>