@fakel/rest-admin
Version:
An application that makes it easier to work with your API
32 lines (31 loc) • 1.58 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 Col from 'antd/lib/col';
import Button from 'antd/lib/button';
import CloseOutlined from '@ant-design/icons/lib/icons/CloseOutlined';
var DisplayFilter = function (_a) {
var displayFilter = _a.displayFilter, setDisplayFilters = _a.setDisplayFilters, setFilters = _a.setFilters, filtersStore = _a.filtersStore;
var handleDeleteButton = function (displayFilter, source) {
setDisplayFilters(function (displayFilters) {
return displayFilters.filter(function (_displayFilter) { return _displayFilter !== displayFilter; });
});
setFilters(function (filters) {
var isExist = filters.find(function (filter) { return filter.source === source; });
if (!isExist) {
return __spreadArray(__spreadArray([], filters), [filtersStore.getFilter(source)]);
}
return filters;
});
};
return (React.createElement(Col, { span: "8", style: {
display: 'flex',
alignItems: 'center',
} },
React.createElement(Button, { onClick: function () { return handleDeleteButton(displayFilter, displayFilter.props.name); }, size: "small", type: "ghost", shape: "circle", style: { marginRight: 10 }, icon: React.createElement(CloseOutlined, { style: { fontSize: 12 } }) }),
displayFilter));
};
export default DisplayFilter;