@fakel/rest-admin
Version:
An application that makes it easier to work with your API
25 lines (24 loc) • 1.24 kB
JavaScript
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
to[j] = from[i];
return to;
};
import React from 'react';
import Menu from 'antd/lib/menu';
import { observer } from 'mobx-react';
var FiltersMenu = observer(function (_a) {
var setDisplayFilters = _a.setDisplayFilters, setFilters = _a.setFilters, filters = _a.filters;
var handleMenuClick = function (filter) {
var displayFilter = filter.DisplayFilterComponent;
setDisplayFilters(function (displayFilters) {
var isExist = displayFilters.find(function (dF) { return dF === displayFilter; });
if (!isExist) {
return __spreadArray(__spreadArray([], displayFilters), [displayFilter]);
}
return displayFilters;
});
setFilters(function (filters) { return filters.filter(function (_filter) { return _filter !== filter; }); });
};
return (React.createElement(Menu, null, filters.map(function (filter, index) { return (React.createElement(Menu.Item, { onClick: function () { return handleMenuClick(filter); }, key: index }, filter.label)); })));
});
export default FiltersMenu;