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