1 files changed, 7 insertions, 2 deletions
diff --git a/app/client/modules/pix2wav/views/spectrogram.upload.js b/app/client/modules/pix2wav/views/spectrogram.upload.js
index a0a2708..48ef644 100644
--- a/app/client/modules/pix2wav/views/spectrogram.upload.js
+++ b/app/client/modules/pix2wav/views/spectrogram.upload.js
@@ -12,6 +12,7 @@ import {
   Group, Param, FileUpload, TextInput, Button
 } from '../../../common'
 
+import * as datasetActions from '../../../dataset/dataset.actions'
 import * as wav2pixActions from '../../../audio/wav2pix'
 
 import pix2wavModule from '../pix2wav.module'
@@ -53,7 +54,10 @@ class SpectrogramUpload extends Component {
   }
   buildZip(){
     const { file } = this.state
-
+    this.props.wav2pix.buildZip(file, {})
+    .then(zip => {
+      this.props.datasetActions.uploadFile(pix2wavModule, this.props.pix2wav.folder_id, zip)
+    })
   }
   render(){
     // loading={pix2wav.loading}
@@ -89,7 +93,7 @@ class SpectrogramUpload extends Component {
             {file && this.renderMetadata(file)}
           </Group>
         </div>
-        <div ref={(c) => { this.canvases = c }} id='pix2wav_canvases' />
+        <div ref={(c) => { this.canvases = c }} className='thumbs' id='pix2wav_canvases' />
       </div>
     )
   }
@@ -124,6 +128,7 @@ const mapStateToProps = state => ({
 })
 
 const mapDispatchToProps = (dispatch, ownProps) => ({
+  datasetActions: bindActionCreators(datasetActions, dispatch),
   actions: bindActionCreators(pix2wavActions, dispatch),
   remote: bindActionCreators(pix2wavTasks, dispatch),
   wav2pix: bindActionCreators(wav2pixActions, dispatch),