fix(RecsListTable): Reset filters button behavior update (#183)

The recommendations list page Reset filters button change: the button is always available; if the button is clicked with the default filters, then the data are re-fetched; if the button is clicked with extra filters applied, it sets them to the default set.

src/Components/RecsListTable/RecsListTable.js

@@ -19,6 +19,7 @@ import {
   PaginationVariant,
 } from '@patternfly/react-core/dist/js/components/Pagination';
 import { Stack } from '@patternfly/react-core/dist/js/layouts/Stack';
+import isEqual from 'lodash/isEqual';
 import {
   Tooltip,
   TooltipPosition,
@@ -419,11 +420,16 @@ const RecsListTable = ({ query }) => {
   };
 
   const activeFiltersConfig = {
+    showDeleteButton: true,
     deleteTitle: intl.formatMessage(messages.resetFilters),
     filters: buildFilterChips(),
     onDelete: (_event, itemsToRemove, isAll) => {
       if (isAll) {
-        updateFilters(RECS_LIST_INITIAL_STATE);
+        if (isEqual(filters, RECS_LIST_INITIAL_STATE)) {
+          refetch();
+        } else {
+          updateFilters(RECS_LIST_INITIAL_STATE);
+        }
       } else {
         itemsToRemove.map((item) => {
           const newFilter = {

src/Components/RecsListTable/RecsListTable.spec.ct.js

@@ -126,6 +126,7 @@ describe('successful non-empty recommendations list table', () => {
                 isUninitialized: false,
                 isSuccess: true,
                 data: data,
+                refetch: cy.stub(),
               }}
             />
           </Provider>