From 4654858c3e7b9e3df203590da34ac4270e3e88da Mon Sep 17 00:00:00 2001
From: casperlamboo <casperlamboo@gmail.com>
Date: Sun, 12 Nov 2017 00:47:06 +0100
Subject: [PATCH] hide buttons bar when sliced

---
 src/interface/index.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/interface/index.js b/src/interface/index.js
index ba23ec7..0226835 100644
--- a/src/interface/index.js
+++ b/src/interface/index.js
@@ -49,6 +49,7 @@ class Interface extends React.Component {
   };
   state = {
     controlMode: 'translate',
+    sliced: false
   };
 
   componentDidMount() {
@@ -113,18 +114,19 @@ class Interface extends React.Component {
 
   render() {
     const { width, height, classes } = this.props;
+    const { sliced } = this.state;
     return (
       <div style={{ width, height }} className={classes.container}>
         <canvas className={classes.canvas} ref="canvas" width={width} height={height} />
-        <div className={classes.controlBar}>
+        {!sliced && <div className={classes.controlBar}>
           <button onClick={this.resetMesh}>Reset</button>
           <button onClick={() => this.setState({ controlMode: 'translate' })}>Translate</button>
           <button onClick={() => this.setState({ controlMode: 'rotate' })}>Rotate</button>
           <button onClick={() => this.setState({ controlMode: 'scale' })}>Scale</button>
-        </div>
-        <div className={classes.sliceBar}>
+        </div>}
+        {!sliced && <div className={classes.sliceBar}>
           <button onClick={this.slice}>Slice</button>
-        </div>
+        </div>}
       </div>
     );
   }