adding options to include carousel works in the checklist

2 files changed, 19 insertions, 9 deletions

diff --git a/animism-align/frontend/app/views/media/components/media.formGalleryImage.js b/animism-align/frontend/app/views/media/components/media.formGalleryImage.js
index c01650f..4d2b99c 100644
--- a/animism-align/frontend/app/views/media/components/media.formGalleryImage.js
+++ b/animism-align/frontend/app/views/media/components/media.formGalleryImage.js
@@ -46,9 +46,13 @@ export default class GalleryImageForm extends Component {
     this.props.onSave(this.props.id, this.state.data)
   }
   handleSubmitAndEditNext(e) {
+    e.preventDefault()
+    e.stopPropagation()
     this.props.onSave(this.props.id, this.state.data, true)
   }
   handleCancel(e) {
+    e.preventDefault()
+    e.stopPropagation()
     this.props.onSave(null)
   }
   render() {
@@ -83,6 +87,19 @@ export default class GalleryImageForm extends Component {
               onChange={this.handleChange}
               autoComplete="off"
             />
+            <TextInput
+              title="Medium"
+              name="medium"
+              data={data}
+              onChange={this.handleChange}
+              autoComplete="off"
+            />
+            <Checkbox
+              label="Include in checklist"
+              name="in_checklist"
+              checked={data.in_checklist}
+              onChange={this.handleSelect}
+            />
             <TextArea
               title="Short caption"
               name="caption"
@@ -100,8 +117,7 @@ export default class GalleryImageForm extends Component {
             <div className='label'>
               <span></span>
               <div className='buttons'>
-                <button onClick={this.handleSubmit}>Save</button>
-                <button onClick={this.handleCancel}>Cancel</button>
+                <button onClick={this.handleSubmit}>Save and close</button>
                 <button onClick={this.handleSubmitAndEditNext}>Save and edit next</button>
               </div>
             </div>
diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js
index 7f30fe1..030d8b1 100644
--- a/animism-align/frontend/app/views/viewer/viewer.container.js
+++ b/animism-align/frontend/app/views/viewer/viewer.container.js
@@ -1,6 +1,5 @@
 import React, { Component } from 'react'
 import { Route } from 'react-router-dom'
-import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
 import './viewer.fonts.css'
@@ -16,7 +15,6 @@ import './player/player.fullscreen.css'
 import './player/player.transcript.css'
 import './player/components.media/media.css'
 
-import actions from 'app/actions'
 import { Loader } from 'app/common'
 
 import NavParent from './nav/nav.parent'
@@ -70,8 +68,4 @@ const mapStateToProps = state => ({
   viewer: state.viewer,
 })
 
-const mapDispatchToProps = dispatch => ({
-  // alignActions: bindActionCreators({ ...alignActions }, dispatch),
-})
-
-export default connect(mapStateToProps, mapDispatchToProps)(ViewerContainer)
+export default connect(mapStateToProps)(ViewerContainer)