import React, { useCallback, useMemo } from 'react'; import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar'; import { compose } from 'utils'; import { NavbarGroup, Button, Classes, Intent, Popover, Position, PopoverInteractionKind, } from '@blueprintjs/core'; import classNames from 'classnames'; import { connect } from 'react-redux'; import { If } from 'components'; import Icon from 'components/Icon'; import DialogConnect from 'connectors/Dialog.connector'; import FilterDropdown from 'components/FilterDropdown'; import withResourceDetail from 'containers/Resources/withResourceDetails'; import withDashboard from 'containers/Dashboard/withDashboard'; const ItemsCategoryActionsBar = ({ resourceName = 'item_category', resourceFields, openDialog, onDeleteCategory, onFilterChanged, selectedRows, }) => { const onClickNewCategory = useCallback(() => { openDialog('item-form', {}); }, [openDialog]); const handleDeleteCategory = useCallback((category) => { onDeleteCategory(selectedRows); }, [selectedRows, onDeleteCategory]); const hasSelectedRows = useMemo(() => selectedRows.length > 0, [selectedRows]); const filterDropdown = FilterDropdown({ fields: resourceFields, onFilterChange: (filterConditions) => { onFilterChanged && onFilterChanged(filterConditions); }, }); return (