From 22298c9cb6e2c22435ce91f371e4d401700df5c7 Mon Sep 17 00:00:00 2001
From: casperlamboo <casperlamboo@gmail.com>
Date: Tue, 14 Nov 2017 11:21:58 +0100
Subject: [PATCH] remove canvas width height updating

---
 src/interface/index.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/interface/index.js b/src/interface/index.js
index 279ce37..7268028 100644
--- a/src/interface/index.js
+++ b/src/interface/index.js
@@ -175,9 +175,6 @@ class Interface extends React.Component {
       box.scale.set(dimensions.y, dimensions.z, dimensions.x);
       render();
     }
-    if (setSize && nextProps.width !== this.props.width || nextProps.height !== this.props.height || nextProps.pixelRatio !== this.props.pixelRatio) {
-      setSize(nextProps.width, nextProps.height, nextProps.pixelRatio);
-    }
   }
 
   onResize = (width, height) => {
@@ -189,14 +186,14 @@ class Interface extends React.Component {
   };
 
   render() {
-    const { width, height, classes, onCompleteActions, defaultPrinter, defaultQuality, defaultMaterial } = this.props;
+    const { classes, onCompleteActions, defaultPrinter, defaultQuality, defaultMaterial } = this.props;
     const { sliced, isSlicing, progress, gcode, controlMode, settings, printers, quality, material } = this.state;
 
     return (
       <div className={classes.container}>
         <div className={classes.d3View}>
           <ReactResizeDetector handleWidth handleHeight onResize={this.onResize} />
-          <canvas className={classes.canvas} ref="canvas" width={width} height={height} />
+          <canvas className={classes.canvas} ref="canvas" />
           {!sliced && <div className={classes.controlBar}>
           <RaisedButton className={classes.controlButton} onTouchTap={this.resetMesh} primary label="reset" />
           <RaisedButton className={classes.controlButton} disabled={controlMode === 'translate'} onTouchTap={() => this.setState({ controlMode: 'translate' })} primary label="translate" />