Add an deselect option

EduardoLopes · May 26, 2018 · 7159064 · 7159064
1 parent 8c3917c
commit 7159064
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/app/js/components/config-bar.js b/app/js/components/config-bar.js
@@ -62,6 +62,17 @@ class ConfigBar extends React.Component{
 
           }.bind(this)
         },
+        {
+          url: '#',
+          name: 'Deselect All',
+          onClick:  function(event){
+
+            event.preventDefault();
+
+            this.props.deselectAll();
+
+          }.bind(this)
+        },
         {
           url: '#',
           name: 'Upload',

diff --git a/app/js/main.js b/app/js/main.js
@@ -193,6 +193,14 @@ class TilesetGen extends React.Component{
 
   }
 
+  deselectAll(){
+
+    this.state.selectedTileSet.length = 0;
+
+    this.setState({selectedTileSet: this.state.selectedTileSet});
+
+  }
+
   importState(file){
 
     if (file) {
@@ -251,7 +259,7 @@ class TilesetGen extends React.Component{
     return (
       <div>
         <TopBar/>
-        <ConfigBar selectAll={this.selectAll.bind(this)} selected={this.state.selectedTileSet} onTilesetUpload={this.handleTilesetUpload} canvasRef={this.canvasRef} state={this.state} importState={this.importState.bind(this)} />
+        <ConfigBar selectAll={this.selectAll.bind(this)} deselectAll={this.deselectAll.bind(this)} selected={this.state.selectedTileSet} onTilesetUpload={this.handleTilesetUpload} canvasRef={this.canvasRef} state={this.state} importState={this.importState.bind(this)} />
         <TilesetBasesContainer selected={this.state.selectedTileSet} selectTileset={this.handleSelectTileset} tilesets={this.state.tilesets} />
         <EditBar tilesets={this.state.tilesets} onClose={this.onClose} updateTileset={this.handleUpdateTileset} selected={this.state.selectedTileSet} />
         <MainCanvas ref={this.canvasRef} tilesets={this.state.tilesets} />