fix(admin-ui): invalidate products query on category delete

medusajs · Mar 15, 2023 · 4fecc32 · 4fecc32
1 parent 77d4622
commit 4fecc32
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/.changeset/lucky-vans-taste.md b/.changeset/lucky-vans-taste.md
@@ -0,0 +1,5 @@
+---
+"@medusajs/admin-ui": patch
+---
+
+fix(admin-ui): invalidate products query on category delete
diff --git a/...min-ui/ui/src/domain/product-categories/components/product-category-list-item-details.tsx b/...min-ui/ui/src/domain/product-categories/components/product-category-list-item-details.tsx
@@ -2,7 +2,8 @@ import React, { useContext } from "react"
 import clsx from "clsx"
 
 import { ProductCategory } from "@medusajs/medusa"
-import { useAdminDeleteProductCategory } from "medusa-react"
+import { useAdminDeleteProductCategory, adminProductKeys } from "medusa-react"
+import { useQueryClient } from "@tanstack/react-query"
 
 import { ProductCategoriesContext } from "../pages"
 import Tooltip from "../../../components/atoms/tooltip"
@@ -31,11 +32,9 @@ function ProductCategoryListItemDetails(
 ) {
  const { item } = props
  const notification = useNotification()
-
+ const queryClient = useQueryClient()
  const hasChildren = !!item.category_children?.length
-
  const productCategoriesPageContext = useContext(ProductCategoriesContext)
-
  const { mutateAsync: deleteCategory } = useAdminDeleteProductCategory(item.id)
 
  const actions = [
@@ -53,6 +52,8 @@ function ProductCategoryListItemDetails(
  notification("Success", "Category deleted", "success")
  } catch (e) {
  notification("Error", "Category deletion failed", "error")
+ } finally {
+ await queryClient.invalidateQueries(adminProductKeys.all)
  }
  },
  icon: <TrashIcon size={20} />,