diff --git a/packages/base/src/3dview/mainview.tsx b/packages/base/src/3dview/mainview.tsx index ee6733b1..fb71b892 100644 --- a/packages/base/src/3dview/mainview.tsx +++ b/packages/base/src/3dview/mainview.tsx @@ -106,18 +106,18 @@ export class MainView extends React.Component { loading: true, annotations: {}, firstLoad: true, - wireframe: false, + wireframe: false }; this.toggleWireframe = this.toggleWireframe.bind(this); } toggleWireframe() { this.setState( - (prevState) => ({ - wireframe: !prevState.wireframe, + prevState => ({ + wireframe: !prevState.wireframe }), () => { - this._scene.traverse((child) => { + this._scene.traverse(child => { if (child instanceof THREE.Mesh) { child.material.wireframe = this.state.wireframe; child.material.needsUpdate = true; @@ -326,7 +326,7 @@ export class MainView extends React.Component { opacity: 0.2, transparent: true, side: THREE.DoubleSide, - wireframe: this.state.wireframe, + wireframe: this.state.wireframe }) ); this._clippingPlaneMeshControl.visible = false; @@ -666,7 +666,7 @@ export class MainView extends React.Component { stencilZFail: THREE.ReplaceStencilOp, stencilZPass: THREE.ReplaceStencilOp, side: THREE.DoubleSide, - wireframe: this.state.wireframe, + wireframe: this.state.wireframe }); this._clippingPlaneMesh = new THREE.Mesh(planeGeom, planeMat); this._clippingPlaneMesh.onAfterRender = renderer => { @@ -853,7 +853,7 @@ export class MainView extends React.Component { clientColor.b / 255 ) : 'black', - wireframe: this.state.wireframe, + wireframe: this.state.wireframe }); return new THREE.Mesh(this._pointerGeometry, material); @@ -1283,9 +1283,7 @@ export class MainView extends React.Component { : 'unset' }} > - + {Object.entries(this.state.annotations).map(([key, annotation]) => {