1 files changed, 5 insertions, 7 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 fb4f73a..13bb468 100644
--- a/animism-align/frontend/app/views/media/components/media.formGallery.js
+++ b/animism-align/frontend/app/views/media/components/media.formGallery.js
@@ -156,14 +156,14 @@ export default class MediaGalleryForm extends Component {
     // console.log(new_image_order)
     const image_order = new_image_order.map(el => el.id)
     if (!simpleArraysEqual(image_order, this.props.data.settings.image_order)) {
-      console.log('order changed', image_order)
       this.handleSettingsChange('image_order', image_order)
     }
   }
 
   handleSaveItem(id, item) {
-    const caption_lookup = data.settings.caption_lookup || {}
+    const caption_lookup = this.props.data.settings.caption_lookup || {}
     caption_lookup[id] = item
+    console.log(caption_lookup)
     this.handleSettingsChange('caption_lookup', caption_lookup)
     this.setState({ edit_image_id: null })
   }
@@ -172,6 +172,7 @@ export default class MediaGalleryForm extends Component {
     const { data } = this.props
     const { image_order, image_lookup, thumbnail_lookup, caption_lookup } = data.settings
     const { loading, edit_image_id } = this.state
+    console.log('render', caption_lookup)
     // console.log(data)
     return (
       <div className='galleryForm'>
@@ -206,7 +207,7 @@ export default class MediaGalleryForm extends Component {
         {edit_image_id &&
           <GalleryImageForm
             id={edit_image_id}
-            initalData={initialCaptionData(caption_lookup, edit_image_id)}
+            initialData={initialCaptionData(caption_lookup, edit_image_id)}
             thumbnail={thumbnail_lookup[edit_image_id]}
             onSave={this.handleSaveItem}
           />
@@ -218,10 +219,7 @@ export default class MediaGalleryForm extends Component {
 
 const initialCaptionData = (caption_lookup, image_id) => {
   caption_lookup = caption_lookup || {}
-  const initialData = caption_lookup[image_id] || {}
-  return {
-    ...initialData,
-  }
+  return caption_lookup[image_id] || {}
 }
 
 const GalleryListItem = ({ id, key, image, thumbnail, onClick }) => {