From 2e7a2424c1b1b7afc727dc30b033118478f0cdf5 Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Date: Mon, 27 Jul 2020 12:35:59 +0200
Subject: [PATCH] refactor: DRY out DesktopLayout

---
 .../Challenges/classic/DesktopLayout.js       | 22 +++++++------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/client/src/templates/Challenges/classic/DesktopLayout.js b/client/src/templates/Challenges/classic/DesktopLayout.js
index 7849def151..ccdeb4bc99 100644
--- a/client/src/templates/Challenges/classic/DesktopLayout.js
+++ b/client/src/templates/Challenges/classic/DesktopLayout.js
@@ -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>