import * as React from 'react' ; import ArrowUpward from '@material-ui/icons/ArrowUpward' ; import { bindActionCreators } from 'redux' ; import { chartActions } from '../../../actions' ; import { ChartParameters } from '../../../reducers/Charts' ; import { connect } from 'react-redux' ; import { MenuItem , Typography , ListItemIcon } from '@material-ui/core' ; function MoveUp ( props ) { const moveUp = React . useCallback ( ( ) => { props . actions . chart . moveChartUp ( { topic : props . chart . topic , dotPath : props . chart . dotPath , } ) ; props . close ( ) ; } , [ props . chart ] ) ; return ( < MenuItem key = "size" onClick = { moveUp } > < ListItemIcon > < ArrowUpward /> < /ListItemIcon> < Typography variant = "inherit" > Move up < /Typography> < /MenuItem>); } const mapDispatchToProps = ( dispatch ) => { return { actions : { chart : bindActionCreators ( chartActions , dispatch ) , } , } ; } ; export default connect ( undefined , mapDispatchToProps ) ( MoveUp ) ;