diff --git a/.changeset/slimy-houses-battle.md b/.changeset/slimy-houses-battle.md new file mode 100644 index 0000000000..00879f59d2 --- /dev/null +++ b/.changeset/slimy-houses-battle.md @@ -0,0 +1,6 @@ +--- +"@medusajs/admin-ui": patch +"@medusajs/admin": patch +--- + +fix(admin-ui): Delete variant diff --git a/packages/admin-ui/ui/src/components/organisms/product-variants-section/table.tsx b/packages/admin-ui/ui/src/components/organisms/product-variants-section/table.tsx index 7dea519e39..6d63c7333d 100644 --- a/packages/admin-ui/ui/src/components/organisms/product-variants-section/table.tsx +++ b/packages/admin-ui/ui/src/components/organisms/product-variants-section/table.tsx @@ -88,7 +88,9 @@ const VariantsTable = ({ variants, actions }: Props) => { const { isFeatureEnabled } = useFeatureFlag() const hasInventoryService = isFeatureEnabled("inventoryService") const columns = useVariantsTableColumns(hasInventoryService) - const [showDelete, setShowDelete] = useState(false) + const [variantToRemove, setVariantToRemove] = useState( + null + ) const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } = useTable({ @@ -134,7 +136,7 @@ const VariantsTable = ({ variants, actions }: Props) => { }, { label: "Delete Variant", - onClick: () => setShowDelete(true), + onClick: () => setVariantToRemove(variant), icon: , variant: "danger", }, @@ -179,10 +181,10 @@ const VariantsTable = ({ variants, actions }: Props) => {
- {showDelete && ( + {variantToRemove && ( deleteVariant(row.original.id)} - handleClose={() => setShowDelete(false)} + onDelete={async () => deleteVariant(variantToRemove.id)} + handleClose={() => setVariantToRemove(null)} confirmText="Yes, delete" heading="Delete variant" text={`Are you sure you want to delete this variant? ${