import Clear from '@material-ui/icons/Clear' ; import React , { useMemo } from 'react' ; import { bindActionCreators } from 'redux' ; import { Button , Tooltip } from '@material-ui/core' ; import { connect } from 'react-redux' ; import { sidebarActions } from '../../../actions' ; const DeleteSelectedTopicButton = ( props ) => useMemo ( ( ) => ( < Tooltip title = "Delete retained topic" placement = "top" > < Button size = "small" color = "secondary" variant = "contained" style = { { marginTop : '11px' , padding : '0px 4px' , minHeight : '24px' } } onClick = { props . actions . sidebar . clearRetainedTopic } > retained < Clear style = { { fontSize : '16px' , marginLeft : '2px' } } /> < /Button> < /Tooltip>), [props.actions.sidebar.clearRetainedTopic]); const mapDispatchToProps = ( dispatch ) => { return { actions : { sidebar : bindActionCreators ( sidebarActions , dispatch ) } , } ; } ; export default connect ( undefined , mapDispatchToProps ) ( DeleteSelectedTopicButton ) ;