You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.3 KiB
60 lines
1.3 KiB
import PropTypes from 'prop-types';
|
|
import React, { Component } from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { cancelFetchReleases, clearReleases } from 'Store/Actions/releaseActions';
|
|
import AlbumInteractiveSearchModal from './AlbumInteractiveSearchModal';
|
|
|
|
function createMapDispatchToProps(dispatch, props) {
|
|
return {
|
|
dispatchCancelFetchReleases() {
|
|
dispatch(cancelFetchReleases());
|
|
},
|
|
|
|
dispatchClearReleases() {
|
|
dispatch(clearReleases());
|
|
},
|
|
|
|
onModalClose() {
|
|
dispatch(cancelFetchReleases());
|
|
dispatch(clearReleases());
|
|
props.onModalClose();
|
|
}
|
|
};
|
|
}
|
|
|
|
class AlbumInteractiveSearchModalConnector extends Component {
|
|
|
|
//
|
|
// Lifecycle
|
|
|
|
componentWillUnmount() {
|
|
this.props.dispatchCancelFetchReleases();
|
|
this.props.dispatchClearReleases();
|
|
}
|
|
|
|
//
|
|
// Render
|
|
|
|
render() {
|
|
const {
|
|
dispatchCancelFetchReleases,
|
|
dispatchClearReleases,
|
|
...otherProps
|
|
} = this.props;
|
|
|
|
return (
|
|
<AlbumInteractiveSearchModal
|
|
{...otherProps}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|
|
AlbumInteractiveSearchModalConnector.propTypes = {
|
|
...AlbumInteractiveSearchModal.propTypes,
|
|
dispatchCancelFetchReleases: PropTypes.func.isRequired,
|
|
dispatchClearReleases: PropTypes.func.isRequired
|
|
};
|
|
|
|
export default connect(null, createMapDispatchToProps)(AlbumInteractiveSearchModalConnector);
|