getting rid of basically all instances of bindActionCreators and mapDispatchToActions. hopefully never have to use these functions again

3 files changed, 21 insertions, 25 deletions

diff --git a/animism-align/frontend/app/views/editor/media/components/media.formImageSelection.js b/animism-align/frontend/app/views/editor/media/components/media.formImageSelection.js
index 966eb58..b601304 100644
--- a/animism-align/frontend/app/views/editor/media/components/media.formImageSelection.js
+++ b/animism-align/frontend/app/views/editor/media/components/media.formImageSelection.js
@@ -1,6 +1,5 @@
 import React, { Component } from 'react'
 import { Link } from 'react-router-dom'
-import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 import toBlob from 'data-uri-to-blob'
 
diff --git a/animism-align/frontend/app/views/editor/media/components/media.indexOptions.js b/animism-align/frontend/app/views/editor/media/components/media.indexOptions.js
index d8187c9..beb9517 100644
--- a/animism-align/frontend/app/views/editor/media/components/media.indexOptions.js
+++ b/animism-align/frontend/app/views/editor/media/components/media.indexOptions.js
@@ -1,6 +1,4 @@
 import React, { Component } from 'react'
-import { Link } from 'react-router-dom'
-import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
 import actions from 'app/actions'
@@ -18,8 +16,8 @@ const thumbnailOptions = [
 const sortOptions = [
   { name: 'id-asc', label: 'Most recent' },
   { name: 'id-desc', label: 'Oldest first' },
-  { name: 'username-asc', label: 'Username (A-Z)' },
-  { name: 'username-desc', label: 'Username (Z-A)' },
+  // { name: 'username-asc', label: 'Username (A-Z)' },
+  // { name: 'username-desc', label: 'Username (Z-A)' },
   { name: 'author-asc', label: 'Author (A-Z)' },
   { name: 'author-desc', label: 'Author (Z-A)' },
   { name: 'title-asc', label: 'Title (A-Z)' },
@@ -53,7 +51,4 @@ const mapStateToProps = state => ({
   options: state.upload.options,
 })
 
-const mapDispatchToProps = dispatch => ({
-})
-
-export default connect(mapStateToProps, mapDispatchToProps)(IndexOptions)
+export default connect(mapStateToProps)(IndexOptions)
diff --git a/animism-align/frontend/app/views/editor/media/components/media.menu.js b/animism-align/frontend/app/views/editor/media/components/media.menu.js
index b782cdc..9a15354 100644
--- a/animism-align/frontend/app/views/editor/media/components/media.menu.js
+++ b/animism-align/frontend/app/views/editor/media/components/media.menu.js
@@ -1,35 +1,36 @@
 import React, { Component } from 'react'
-import { Route, Link } from 'react-router-dom'
+import { Route } from 'react-router-dom'
 import { connect } from 'react-redux'
 
 import { history } from 'app/store'
 import actions from 'app/actions'
-import { MenuButton, FileInput } from 'app/common'
+import { MenuButton } from 'app/common'
 
 const mapStateToProps = state => ({
   media: state.media,
+  episode_id: state.site.episode.id,
 })
 
 export default class MediaMenu extends Component {
   render() {
     return (
       <div className='menuButtons'>
-        <Route exact path='/media/:id/show/' component={MediaShowMenu} />
-        <Route exact path='/media/:id/edit/' component={MediaEditMenu} />
-        <Route exact path='/media/new/' component={MediaNewMenu} />
-        <Route exact path='/media/' component={MediaIndexMenu} />
+        <Route exact path='/editor/:episode_id/media/:id/show/' component={MediaShowMenu} />
+        <Route exact path='/editor/:episode_id/media/:id/edit/' component={MediaEditMenu} />
+        <Route exact path='/editor/:episode_id/media/new/' component={MediaNewMenu} />
+        <Route exact path='/editor/:episode_id/media/' component={MediaIndexMenu} />
       </div>
     )
   }
 }
 
-const MediaIndexMenu = () => ([
-  <MenuButton key='new' name="new" href="/media/new/" />,
-])
+const MediaIndexMenu = connect(mapStateToProps)((props) => ([
+  <MenuButton key='new' name="new" href={`/editor/${props.episode_id}/media/new/`} />,
+]))
 
 const MediaShowMenu = connect(mapStateToProps)((props) => ([
-  <MenuButton key='back' name="back" href="/media/" />,
-  <MenuButton key='edit' name="edit" href={"/media/" + props.match.params.id + "/edit/"} />,
+  <MenuButton key='back' name="back" href={`/editor/${props.episode_id}/media/`} />,
+  <MenuButton key='edit' name="edit" href={`/editor/${props.episode_id}/media/${props.match.params.id}/edit/`} />,
   <MenuButton key='delete' name="delete" onClick={() => {
     const { res: media } = props.media.show
     if (confirm("Really delete this media?")) {
@@ -40,13 +41,13 @@ const MediaShowMenu = connect(mapStateToProps)((props) => ([
   }} />,
 ]))
 
-const MediaNewMenu = (props) => ([
-  <MenuButton key='back' name="back" href="/media/" />,
-])
+const MediaNewMenu = connect(mapStateToProps)((props) => ([
+  <MenuButton key='back' name="back" href={`/editor/${props.episode_id}/media/`} />,
+]))
 
 const MediaEditMenu = connect(mapStateToProps)((props) => ([
-  <MenuButton key='back' name="back" href="/media/" />,
-  <MenuButton key='copy' name="copy" href={"/media/" + props.match.params.id + '/copy/'} label="Make a copy" />,
+  <MenuButton key='back' name="back" href={`/editor/${props.episode_id}/media/`} />,
+  <MenuButton key='copy' name="copy" href={`/editor/${props.episode_id}/media/${props.match.params.id}/copy/`} label="Make a copy" />,
   <MenuButton key='delete' name="delete" onClick={() => {
     const { res: media } = props.media.show
     if (confirm("Really delete this media?")) {
@@ -56,3 +57,4 @@ const MediaEditMenu = connect(mapStateToProps)((props) => ([
     }
   }} />,
 ]))
+