2017-09-04 02:20:56 +00:00
|
|
|
import PropTypes from 'prop-types';
|
|
|
|
import React from 'react';
|
2018-08-08 00:57:15 +00:00
|
|
|
import ArtistIndexFilterModalConnector from 'Artist/Index/ArtistIndexFilterModalConnector';
|
2020-09-07 01:33:10 +00:00
|
|
|
import FilterMenu from 'Components/Menu/FilterMenu';
|
|
|
|
import { align } from 'Helpers/Props';
|
2017-09-04 02:20:56 +00:00
|
|
|
|
|
|
|
function ArtistIndexFilterMenu(props) {
|
|
|
|
const {
|
2018-03-15 01:28:46 +00:00
|
|
|
selectedFilterKey,
|
|
|
|
filters,
|
|
|
|
customFilters,
|
2017-11-26 20:09:45 +00:00
|
|
|
isDisabled,
|
2017-09-04 02:20:56 +00:00
|
|
|
onFilterSelect
|
|
|
|
} = props;
|
|
|
|
|
|
|
|
return (
|
2017-11-26 20:09:45 +00:00
|
|
|
<FilterMenu
|
|
|
|
alignMenu={align.RIGHT}
|
2018-03-15 01:28:46 +00:00
|
|
|
isDisabled={isDisabled}
|
|
|
|
selectedFilterKey={selectedFilterKey}
|
|
|
|
filters={filters}
|
|
|
|
customFilters={customFilters}
|
2018-08-08 00:57:15 +00:00
|
|
|
filterModalConnectorComponent={ArtistIndexFilterModalConnector}
|
2018-03-15 01:28:46 +00:00
|
|
|
onFilterSelect={onFilterSelect}
|
|
|
|
/>
|
2017-09-04 02:20:56 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
ArtistIndexFilterMenu.propTypes = {
|
2018-09-23 03:10:50 +00:00
|
|
|
selectedFilterKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
|
2018-03-15 01:28:46 +00:00
|
|
|
filters: PropTypes.arrayOf(PropTypes.object).isRequired,
|
|
|
|
customFilters: PropTypes.arrayOf(PropTypes.object).isRequired,
|
2017-11-26 20:09:45 +00:00
|
|
|
isDisabled: PropTypes.bool.isRequired,
|
2017-09-04 02:20:56 +00:00
|
|
|
onFilterSelect: PropTypes.func.isRequired
|
|
|
|
};
|
|
|
|
|
2018-03-15 01:28:46 +00:00
|
|
|
ArtistIndexFilterMenu.defaultProps = {
|
|
|
|
showCustomFilters: false
|
|
|
|
};
|
|
|
|
|
2017-09-04 02:20:56 +00:00
|
|
|
export default ArtistIndexFilterMenu;
|