1 files changed, 19 insertions, 8 deletions

diff --git a/public/bundle.js b/public/bundle.js
index 340fd3a..512f74c 100644
--- a/public/bundle.js
+++ b/public/bundle.js
@@ -7660,6 +7660,10 @@ var pix2wavTasks = _interopRequireWildcard(_pix2wav2);
 
 var _common = __webpack_require__(/*! ../../../common */ "./app/client/common/index.js");
 
+var _dataset = __webpack_require__(/*! ../../../dataset/dataset.actions */ "./app/client/dataset/dataset.actions.js");
+
+var datasetActions = _interopRequireWildcard(_dataset);
+
 var _wav2pix = __webpack_require__(/*! ../../../audio/wav2pix */ "./app/client/audio/wav2pix.js");
 
 var wav2pixActions = _interopRequireWildcard(_wav2pix);
@@ -7722,12 +7726,18 @@ var SpectrogramUpload = function (_Component) {
   }, {
     key: 'buildZip',
     value: function buildZip() {
+      var _this3 = this;
+
       var file = this.state.file;
+
+      this.props.wav2pix.buildZip(file, {}).then(function (zip) {
+        _this3.props.datasetActions.uploadFile(_pix2wav4.default, _this3.props.pix2wav.folder_id, zip);
+      });
     }
   }, {
     key: 'render',
     value: function render() {
-      var _this3 = this;
+      var _this4 = this;
 
       // loading={pix2wav.loading}
       // progress={pix2wav.progress}
@@ -7763,13 +7773,13 @@ var SpectrogramUpload = function (_Component) {
               title: 'Choose a sound file',
               mime: 'image.*',
               onUpload: function onUpload(file) {
-                return _this3.pickFile(file);
+                return _this4.pickFile(file);
               }
             }),
             (0, _preact.h)(_common.TextInput, {
               title: 'Dataset name',
               onChange: function onChange(e) {
-                return _this3.setState({ name: e.target.value });
+                return _this4.setState({ name: e.target.value });
               },
               value: this.state.name
             }),
@@ -7777,7 +7787,7 @@ var SpectrogramUpload = function (_Component) {
               _common.Button,
               {
                 onClick: function onClick() {
-                  return _this3.buildZip();
+                  return _this4.buildZip();
                 }
               },
               'Build Zip'
@@ -7787,8 +7797,8 @@ var SpectrogramUpload = function (_Component) {
           )
         ),
         (0, _preact.h)('div', { ref: function ref(c) {
-            _this3.canvases = c;
-          }, id: 'pix2wav_canvases' })
+            _this4.canvases = c;
+          }, className: 'thumbs', id: 'pix2wav_canvases' })
       );
     }
   }, {
@@ -7849,10 +7859,10 @@ var SpectrogramUpload = function (_Component) {
   }, {
     key: 'componentDidUpdate',
     value: function componentDidUpdate() {
-      var _this4 = this;
+      var _this5 = this;
 
       var canvases = (this.state.frames || []).map(function (c) {
-        _this4.canvases.append(c.canvas);
+        _this5.canvases.append(c.canvas);
       });
     }
   }]);
@@ -7868,6 +7878,7 @@ var mapStateToProps = function mapStateToProps(state) {
 
 var mapDispatchToProps = function mapDispatchToProps(dispatch, ownProps) {
   return {
+    datasetActions: (0, _redux.bindActionCreators)(datasetActions, dispatch),
     actions: (0, _redux.bindActionCreators)(pix2wavActions, dispatch),
     remote: (0, _redux.bindActionCreators)(pix2wavTasks, dispatch),
     wav2pix: (0, _redux.bindActionCreators)(wav2pixActions, dispatch)