From c84a675c07fd1997588794a26bf41c04f23c121e Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 10 Mar 2021 14:46:15 +0100
Subject: getting rid of basically all instances of bindActionCreators and
 mapDispatchToActions. hopefully never have to use these functions again

---
 .../views/editor/media/components/media.menu.js    | 34 ++++++++++++----------
 1 file changed, 18 insertions(+), 16 deletions(-)

(limited to 'animism-align/frontend/app/views/editor/media/components/media.menu.js')

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) => ([
     }
   }} />,
 ]))
+
-- 
cgit v1.2.3-70-g09d2