store display-size images for vitrines and galleries - important for curtain images

2 files changed, 13 insertions, 6 deletions

diff --git a/animism-align/frontend/app/utils/annotation.utils.js b/animism-align/frontend/app/utils/annotation.utils.js
index 90ac498..3afd096 100644
--- a/animism-align/frontend/app/utils/annotation.utils.js
+++ b/animism-align/frontend/app/utils/annotation.utils.js
@@ -58,6 +58,9 @@ export const displayThumbnailURL = media => {
       return media.settings.display.url
 
     case 'gallery':
+      if (media.settings.display) {
+        return media.settings.display.url
+      }
       if (media.settings.thumbnail) {
         return media.settings.thumbnail.url
       }
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 ab7c8ed..2cf894b 100644
--- a/animism-align/frontend/app/views/media/components/media.formGallery.js
+++ b/animism-align/frontend/app/views/media/components/media.formGallery.js
@@ -68,12 +68,15 @@ export default class MediaGalleryForm extends Component {
       this.handleDestroyGalleryThumbnail()
     }
     this.uploadThumbnail(file, 'thumbnail', THUMBNAIL_SIZE, THUMBNAIL_QUALITY)
-    .then(data => {
-      console.log(data)
-      this.handleSettingsChange('multiple', {
-        thumbnail: data,
+    .then(thumbnail => {
+      this.uploadThumbnail(file, 'display', DISPLAY_SIZE, DISPLAY_QUALITY)
+      .then(display => {
+        console.log(thumbnail, display)
+        this.handleSettingsChange('multiple', {
+          thumbnail, display,
+        })
+        this.setState({ loading: false })
       })
-      this.setState({ loading: false })
     })
   }
 
@@ -82,7 +85,8 @@ export default class MediaGalleryForm extends Component {
       e.preventDefault()
       e.stopPropagation()
     }
-    actions.upload.destroy({ id: this.props.data.thumbnail.id })
+    console.log(this.props.data)
+    actions.upload.destroy({ id: this.props.data.settings.thumbnail.id })
   }
 
   uploadFullsize(files) {