1 files changed, 27 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/media/components/media.formGallery.js b/animism-align/frontend/app/views/media/components/media.formGallery.js
index d978b83..25b715c 100644
--- a/animism-align/frontend/app/views/media/components/media.formGallery.js
+++ b/animism-align/frontend/app/views/media/components/media.formGallery.js
@@ -25,6 +25,7 @@ export default class MediaGalleryForm extends Component {
     this.handleUpload = this.handleUpload.bind(this)
     this.uploadSize = this.uploadSize.bind(this)
     this.handleSaveItem = this.handleSaveItem.bind(this)
+    this.handleUploadGalleryThumbnail = this.handleUploadGalleryThumbnail.bind(this)
   }
 
   handleChange(e) {
@@ -49,6 +50,21 @@ export default class MediaGalleryForm extends Component {
     })
   }
 
+  handleUploadGalleryThumbnail(file) {
+    this.setState({ loading: true })
+    if (this.props.data.thumbnail) {
+      actions.upload.destroy({ id: this.props.data.thumbnail.id })
+    }
+    this.uploadThumbnail(file, 'thumbnail', THUMBNAIL_SIZE, THUMBNAIL_QUALITY)
+    .then(data => {
+      console.log(data)
+      this.handleSettingsChange('multiple', {
+        thumbnail: data,
+      })
+      this.setState({ loading: false })
+    })
+  }
+
   uploadFullsize(files) {
     const { data } = this.props
     // first, upload all the fullsize files
@@ -258,6 +274,17 @@ export default class MediaGalleryForm extends Component {
             onSave={this.handleSaveItem}
           />
         }
+        <FileInputField
+          title="Upload thumbnail"
+          mime="*/*"
+          onChange={this.handleUploadGalleryThumbnail}
+        />
+        {data.settings.thumbnail &&
+          <div className='label'>
+            <span>Thumbnail</span>
+            <img src={data.settings.thumbnail.url} />
+          </div>
+        }
       </div>
     )
   }