From 41d7f6e56f58ed6cbe60a98c60c391f120daf9f4 Mon Sep 17 00:00:00 2001
From: Minesh <minesh@windows-laptop>
Date: Fri, 26 Oct 2018 18:44:45 +0100
Subject: [PATCH] Using deconstructors for faster rendering

---
 .../src/components/VerticalCollapsibleSplit/index.jsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/client/src/components/VerticalCollapsibleSplit/index.jsx b/client/src/components/VerticalCollapsibleSplit/index.jsx
index f58b2a20..1dcaca48 100644
--- a/client/src/components/VerticalCollapsibleSplit/index.jsx
+++ b/client/src/components/VerticalCollapsibleSplit/index.jsx
@@ -17,19 +17,18 @@ class VerticalCollapsibleSplit extends React.Component {
     let {
       props,
       state,
-      collapse,
     } = this;
 
     return (
       <div className={'vertical-split'}>
-        <div className='visible-content' data-name={this.props.name}>
-          {this.props.top}
+        <div className='visible-content' data-name={props.name}>
+          {props.top}
           <button className='collapse-button' onClick={this.collapse}>
-            {this.state.closed ? <Icon.PlusCircle className='plus-icon' />  : <Icon.MinusCircle /> }
+            {state.closed ? <Icon.PlusCircle className='plus-icon' /> : <Icon.MinusCircle />}
           </button>
         </div>
-        <div className='collapse-content' data-name={this.props.name}>
-          {this.props.bottom}
+        <div className='collapse-content' data-name={props.name}>
+          {props.bottom}
         </div>
       </div>
     );