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.
50 lines
1.2 KiB
50 lines
1.2 KiB
import React, { Component } from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { createSelector } from 'reselect';
|
|
import * as releaseActions from 'Store/Actions/releaseActions';
|
|
import createClientSideCollectionSelector from 'Store/Selectors/createClientSideCollectionSelector';
|
|
import InteractiveSearchFilterMenu from './InteractiveSearchFilterMenu';
|
|
|
|
function createMapStateToProps(appState, { type }) {
|
|
return createSelector(
|
|
createClientSideCollectionSelector('releases', `releases.${type}`),
|
|
(releases) => {
|
|
return {
|
|
...releases
|
|
};
|
|
}
|
|
);
|
|
}
|
|
|
|
function createMapDispatchToProps(dispatch, props) {
|
|
return {
|
|
onFilterSelect(selectedFilterKey) {
|
|
const action = props.type === 'book' ?
|
|
releaseActions.setBookReleasesFilter :
|
|
releaseActions.setAuthorReleasesFilter;
|
|
dispatch(action({ selectedFilterKey }));
|
|
}
|
|
};
|
|
}
|
|
|
|
class InteractiveSearchFilterMenuConnector extends Component {
|
|
|
|
//
|
|
// Render
|
|
|
|
render() {
|
|
const {
|
|
...otherProps
|
|
} = this.props;
|
|
|
|
return (
|
|
|
|
<InteractiveSearchFilterMenu
|
|
{...otherProps}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default connect(createMapStateToProps, createMapDispatchToProps)(InteractiveSearchFilterMenuConnector);
|