From 4fecc329bf43f326e9854e3e31d11e89f865f34f Mon Sep 17 00:00:00 2001 From: Riqwan Thamir Date: Wed, 15 Mar 2023 16:39:13 +0100 Subject: [PATCH] fix(admin-ui): invalidate products query on category delete --- .changeset/lucky-vans-taste.md | 5 +++++ .../components/product-category-list-item-details.tsx | 9 +++++---- 2 files changed, 10 insertions(+), 4 deletions(-) create mode 100644 .changeset/lucky-vans-taste.md diff --git a/.changeset/lucky-vans-taste.md b/.changeset/lucky-vans-taste.md new file mode 100644 index 0000000000000..ca3bf0435c456 --- /dev/null +++ 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/packages/admin-ui/ui/src/domain/product-categories/components/product-category-list-item-details.tsx b/packages/admin-ui/ui/src/domain/product-categories/components/product-category-list-item-details.tsx index f836f96296cef..5ab7b7c3cc71d 100644 --- a/packages/admin-ui/ui/src/domain/product-categories/components/product-category-list-item-details.tsx +++ b/packages/admin-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: ,