Fix remove delete button after bulk delete in categories, collections and order draft lists (#3898)

.changeset/odd-cycles-tell.md

@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": minor
+---
+
+Fix clear row selection and show delete button after bulk deletion in categories, cllections and order drafts list

src/categories/views/CategoryList/CategoryList.tsx

@@ -114,7 +114,9 @@ export const CategoryList: React.FC<CategoryListProps> = ({ params }) => {
     );
   };
 
-  const handleCategoryBulkDelete = (data: CategoryBulkDeleteMutation) => {
+  const handleCategoryBulkDeleteOnComplete = (
+    data: CategoryBulkDeleteMutation,
+  ) => {
     if (data.categoryBulkDelete.errors.length === 0) {
       navigate(categoryListUrl(), { replace: true });
       refetch();
@@ -147,9 +149,18 @@ export const CategoryList: React.FC<CategoryListProps> = ({ params }) => {
 
   const [categoryBulkDelete, categoryBulkDeleteOpts] =
     useCategoryBulkDeleteMutation({
-      onCompleted: handleCategoryBulkDelete,
+      onCompleted: handleCategoryBulkDeleteOnComplete,
     });
 
+  const handleCategoryBulkDelete = useCallback(async () => {
+    await categoryBulkDelete({
+      variables: {
+        ids: selectedRowIds,
+      },
+    });
+    clearRowSelection();
+  }, [selectedRowIds]);
+
   return (
     <PaginatorContext.Provider value={paginationValues}>
       <CategoryListPage
@@ -191,13 +202,7 @@ export const CategoryList: React.FC<CategoryListProps> = ({ params }) => {
             }),
           )
         }
-        onConfirm={() =>
+        onConfirm={handleCategoryBulkDelete}
-          categoryBulkDelete({
-            variables: {
-              ids: selectedRowIds,
-            },
-          })
-        }
         open={params.action === "delete"}
         title={intl.formatMessage({
           id: "sG0w22",

src/collections/views/CollectionList/CollectionList.tsx

@@ -184,6 +184,15 @@ export const CollectionList: React.FC<CollectionListProps> = ({ params }) => {
     ],
   );
 
+  const handleCollectionBulkDelete = useCallback(async () => {
+    await collectionBulkDelete({
+      variables: {
+        ids: selectedRowIds,
+      },
+    });
+    clearRowSelection();
+  }, [selectedRowIds]);
+
   return (
     <PaginatorContext.Provider value={paginationValues}>
       <CollectionListPage
@@ -226,13 +235,7 @@ export const CollectionList: React.FC<CollectionListProps> = ({ params }) => {
         }
         onClose={closeModal}
         confirmButtonState={collectionBulkDeleteOpts.status}
-        onConfirm={() =>
+        onConfirm={handleCollectionBulkDelete}
-          collectionBulkDelete({
-            variables: {
-              ids: selectedRowIds,
-            },
-          })
-        }
         variant="delete"
         title={intl.formatMessage({
           id: "Ykw8k5",

src/orders/views/OrderDraftList/OrderDraftList.tsx

@@ -164,12 +164,14 @@ export const OrderDraftList: React.FC<OrderDraftListProps> = ({ params }) => {
 
   const handleSort = createSortHandler(navigate, orderDraftListUrl, params);
 
-  const onOrderDraftBulkDelete = () =>
+  const onOrderDraftBulkDelete = useCallback(async () => {
-    orderDraftBulkDelete({
+    await orderDraftBulkDelete({
       variables: {
         ids: selectedRowIds,
       },
     });
+    clearRowSelection();
+  }, []);
 
   const handleSetSelectedOrderDraftIds = useCallback(
     (rows: number[], clearSelection: () => void) => {