Merge pull request #587 from mirumee/feature/migrate-notifications

Migrate old notifications to the new ones

CHANGELOG.md

@@ -6,6 +6,7 @@ All notable, unreleased changes to this project will be documented in this file.
 
 - Add sku column to fulfillment cards - #538 by @dominik-zeglen
 - Migrate product base price to variant prices - #555 by @orzechdev
+- Migrate old notifications to the new ones - #587 by @AlicjaSzu
 
 ## 2.10.0
 

src/attributes/views/AttributeCreate/AttributeCreate.tsx

@@ -76,6 +76,7 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({ params }) => {
   const handleCreate = (data: AttributeCreate) => {
     if (data.attributeCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Successfully created attribute"
         })

src/attributes/views/AttributeDetails/AttributeDetails.tsx

@@ -53,6 +53,7 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({ id, params }) => {
   const handleDelete = (data: AttributeDelete) => {
     if (data.attributeDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Attribute deleted"
         })
@@ -63,6 +64,7 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({ id, params }) => {
   const handleValueDelete = (data: AttributeValueDelete) => {
     if (data.attributeValueDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Value deleted",
           description: "attribute value deleted"
@@ -73,18 +75,25 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({ id, params }) => {
   };
   const handleUpdate = (data: AttributeUpdate) => {
     if (data.attributeUpdate.errors.length === 0) {
-      notify({ text: intl.formatMessage(commonMessages.savedChanges) });
+      notify({
+        status: "success",
+        text: intl.formatMessage(commonMessages.savedChanges)
+      });
     }
   };
   const handleValueUpdate = (data: AttributeValueUpdate) => {
     if (data.attributeValueUpdate.errors.length === 0) {
-      notify({ text: intl.formatMessage(commonMessages.savedChanges) });
+      notify({
+        status: "success",
+        text: intl.formatMessage(commonMessages.savedChanges)
+      });
       closeModal();
     }
   };
   const handleValueCreate = (data: AttributeValueCreate) => {
     if (data.attributeValueCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Added new value",
           description: "added new attribute value"
@@ -96,6 +105,7 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({ id, params }) => {
   const handleValueReorderMutation = (data: AttributeValueReorder) => {
     if (data.attributeReorderValues.errors.length !== 0) {
       notify({
+        status: "error",
         text: getProductErrorMessage(
           data.attributeReorderValues.errors[0],
           intl

src/attributes/views/AttributeList/AttributeList.tsx

@@ -129,6 +129,7 @@ const AttributeList: React.FC<AttributeListProps> = ({ params }) => {
     if (data.attributeBulkDelete.errors.length === 0) {
       closeModal();
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Attributes successfully delete",
           description: "deleted multiple attributes"

src/categories/views/CategoryCreate.tsx

@@ -24,6 +24,7 @@ export const CategoryCreateView: React.FC<CategoryCreateViewProps> = ({
   const handleSuccess = (data: CategoryCreate) => {
     if (data.categoryCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Category created"
         })

src/categories/views/CategoryDetails.tsx

@@ -80,6 +80,7 @@ export const CategoryDetails: React.FC<CategoryDetailsProps> = ({
   const handleCategoryDelete = (data: CategoryDelete) => {
     if (data.categoryDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Category deleted"
         })
@@ -99,6 +100,7 @@ export const CategoryDetails: React.FC<CategoryDetailsProps> = ({
       );
       if (backgroundImageError) {
         notify({
+          status: "error",
           text: intl.formatMessage(commonMessages.somethingWentWrong)
         });
       }
@@ -113,6 +115,7 @@ export const CategoryDetails: React.FC<CategoryDetailsProps> = ({
     if (data.categoryBulkDelete.errors.length === 0) {
       closeModal();
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       reset();
@@ -144,6 +147,7 @@ export const CategoryDetails: React.FC<CategoryDetailsProps> = ({
     if (data.productBulkDelete.errors.length === 0) {
       closeModal();
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       refetch();

src/collections/views/CollectionCreate.tsx

@@ -19,6 +19,7 @@ export const CollectionCreate: React.FC = () => {
   const handleCollectionCreateSuccess = (data: CreateCollection) => {
     if (data.collectionCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate(collectionUrl(data.collectionCreate.collection.id));
@@ -29,6 +30,7 @@ export const CollectionCreate: React.FC = () => {
       );
       if (backgroundImageError) {
         notify({
+          status: "error",
           text: intl.formatMessage(commonMessages.somethingWentWrong)
         });
       }

src/collections/views/CollectionDetails.tsx

@@ -79,6 +79,7 @@ export const CollectionDetails: React.FC<CollectionDetailsProps> = ({
         const handleCollectionUpdate = (data: CollectionUpdate) => {
           if (data.collectionUpdate.errors.length === 0) {
             notify({
+              status: "success",
               text: intl.formatMessage(commonMessages.savedChanges)
             });
             navigate(collectionUrl(id));
@@ -89,6 +90,7 @@ export const CollectionDetails: React.FC<CollectionDetailsProps> = ({
             );
             if (backgroundImageError) {
               notify({
+                status: "error",
                 text: intl.formatMessage(commonMessages.somethingWentWrong)
               });
             }
@@ -105,6 +107,7 @@ export const CollectionDetails: React.FC<CollectionDetailsProps> = ({
         const handleProductAssign = (data: CollectionAssignProduct) => {
           if (data.collectionAddProducts.errors.length === 0) {
             notify({
+              status: "success",
               text: intl.formatMessage({
                 defaultMessage: "Added product to collection"
               })
@@ -116,6 +119,7 @@ export const CollectionDetails: React.FC<CollectionDetailsProps> = ({
         const handleProductUnassign = (data: UnassignCollectionProduct) => {
           if (data.collectionRemoveProducts.errors.length === 0) {
             notify({
+              status: "success",
               text: intl.formatMessage({
                 defaultMessage: "Deleted product from collection"
               })
@@ -128,6 +132,7 @@ export const CollectionDetails: React.FC<CollectionDetailsProps> = ({
         const handleCollectionRemove = (data: RemoveCollection) => {
           if (data.collectionDelete.errors.length === 0) {
             notify({
+              status: "success",
               text: intl.formatMessage({
                 defaultMessage: "Deleted collection"
               })

src/collections/views/CollectionList/CollectionList.tsx

@@ -139,6 +139,7 @@ export const CollectionList: React.FC<CollectionListProps> = ({ params }) => {
   const handleCollectionBulkDelete = (data: CollectionBulkDelete) => {
     if (data.collectionBulkDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       refetch();
@@ -150,6 +151,7 @@ export const CollectionList: React.FC<CollectionListProps> = ({ params }) => {
   const handleCollectionBulkPublish = (data: CollectionBulkPublish) => {
     if (data.collectionBulkPublish.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       refetch();

src/customers/views/CustomerAddresses.tsx

@@ -53,6 +53,7 @@ const CustomerAddresses: React.FC<CustomerAddressesProps> = ({
     if (data.addressSetDefault.errors.length === 0) {
       closeModal();
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
     }
@@ -68,6 +69,7 @@ const CustomerAddresses: React.FC<CustomerAddressesProps> = ({
     if (data.addressUpdate.errors.length === 0) {
       closeModal();
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
     }
@@ -77,6 +79,7 @@ const CustomerAddresses: React.FC<CustomerAddressesProps> = ({
     if (data.addressDelete.errors.length === 0) {
       closeModal();
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
     }

src/customers/views/CustomerCreate.tsx

@@ -19,6 +19,7 @@ export const CustomerCreate: React.FC<{}> = () => {
   const handleCreateCustomerSuccess = (data: CreateCustomer) => {
     if (data.customerCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Customer created"
         })

src/customers/views/CustomerDetails.tsx

@@ -41,6 +41,7 @@ export const CustomerDetailsView: React.FC<CustomerDetailsViewProps> = ({
   const handleCustomerUpdateSuccess = (data: UpdateCustomer) => {
     if (data.customerUpdate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
     }
@@ -48,6 +49,7 @@ export const CustomerDetailsView: React.FC<CustomerDetailsViewProps> = ({
   const handleCustomerRemoveSuccess = (data: RemoveCustomer) => {
     if (data.customerDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Customer Removed"
         })

src/customers/views/CustomerList/CustomerList.tsx

@@ -134,6 +134,7 @@ export const CustomerList: React.FC<CustomerListProps> = ({ params }) => {
   const handleBulkCustomerDelete = (data: BulkRemoveCustomers) => {
     if (data.customerBulkDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       reset();

src/discounts/views/SaleDetails.tsx

@@ -99,6 +99,7 @@ export const SaleDetails: React.FC<SaleDetailsProps> = ({ id, params }) => {
   const handleSaleDelete = (data: SaleDelete) => {
     if (data.saleDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Removed sale"
         })
@@ -110,6 +111,7 @@ export const SaleDetails: React.FC<SaleDetailsProps> = ({ id, params }) => {
   const handleSaleUpdate = (data: SaleUpdate) => {
     if (data.saleUpdate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
     }

src/discounts/views/SaleList/SaleList.tsx

@@ -137,6 +137,7 @@ export const SaleList: React.FC<SaleListProps> = ({ params }) => {
   const handleSaleBulkDelete = (data: SaleBulkDelete) => {
     if (data.saleBulkDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       reset();

src/discounts/views/VoucherCreate.tsx

@@ -26,6 +26,7 @@ export const VoucherDetails: React.FC = () => {
   const handleVoucherCreate = (data: VoucherCreate) => {
     if (data.voucherCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Successfully created voucher"
         })

src/discounts/views/VoucherDetails.tsx

@@ -101,6 +101,7 @@ export const VoucherDetails: React.FC<VoucherDetailsProps> = ({
   const handleVoucherDelete = (data: VoucherDelete) => {
     if (data.voucherDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Deleted voucher"
         })
@@ -113,6 +114,7 @@ export const VoucherDetails: React.FC<VoucherDetailsProps> = ({
     if (data.voucherUpdate.errors.length === 0) {
       closeModal();
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
     }

src/discounts/views/VoucherList/VoucherList.tsx

@@ -137,6 +137,7 @@ export const VoucherList: React.FC<VoucherListProps> = ({ params }) => {
   const handleVoucherBulkDelete = (data: VoucherBulkDelete) => {
     if (data.voucherBulkDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       reset();

src/hooks/makeMutation.ts

@@ -48,15 +48,18 @@ function makeMutation<TData, TVariables>(
           )
         ) {
           notify({
+            status: "error",
             text: intl.formatMessage(commonMessages.readOnly)
           });
         } else if (err.graphQLErrors.some(isJwtError)) {
           user.logout();
           notify({
+            status: "error",
             text: intl.formatMessage(commonMessages.sessionExpired)
           });
         } else {
           notify({
+            status: "error",
             text: intl.formatMessage(commonMessages.somethingWentWrong)
           });
         }

src/hooks/makeQuery.ts

@@ -67,6 +67,7 @@ function makeQuery<TData, TVariables>(
       if (queryData.error.graphQLErrors.some(isJwtError)) {
         user.logout();
         notify({
+          status: "error",
           text: intl.formatMessage(commonMessages.sessionExpired)
         });
       } else if (
@@ -76,6 +77,7 @@ function makeQuery<TData, TVariables>(
         )
       ) {
         notify({
+          status: "error",
           text: intl.formatMessage(commonMessages.somethingWentWrong)
         });
       }

src/mutations.tsx

@@ -39,6 +39,7 @@ export function TypedMutation<TData, TVariables>(
         onError={(err: ApolloError) => {
           if (err.networkError) {
             notify({
+              status: "error",
               text: intl.formatMessage(commonMessages.somethingWentWrong)
             });
           }
@@ -47,15 +48,18 @@ export function TypedMutation<TData, TVariables>(
             "ReadOnlyException"
           ) {
             notify({
+              status: "error",
               text: intl.formatMessage(commonMessages.readOnly)
             });
           } else if (err.graphQLErrors.some(isJwtError)) {
             user.logout();
             notify({
+              status: "error",
               text: intl.formatMessage(commonMessages.sessionExpired)
             });
           } else {
             notify({
+              status: "error",
               text: intl.formatMessage(commonMessages.somethingWentWrong)
             });
           }

src/navigation/views/MenuDetails/successHandlers.ts

@@ -18,6 +18,7 @@ export function handleItemCreate(
   if (data.menuItemCreate.errors.length === 0) {
     closeModal();
     notify({
+      status: "success",
       text: intl.formatMessage(commonMessages.savedChanges)
     });
   }
@@ -32,6 +33,7 @@ export function handleItemUpdate(
 ) {
   if (data.menuItemUpdate.errors.length === 0) {
     notify({
+      status: "success",
       text: intl.formatMessage(commonMessages.savedChanges)
     });
     navigate(
@@ -51,6 +53,7 @@ export function handleDelete(
 ) {
   if (data.menuDelete.errors.length === 0) {
     notify({
+      status: "success",
       text: intl.formatMessage(commonMessages.savedChanges)
     });
     navigate(menuListUrl(), true);
@@ -69,6 +72,7 @@ export function handleUpdate(
     data.menuUpdate.errors.length === 0
   ) {
     notify({
+      status: "success",
       text: intl.formatMessage(commonMessages.savedChanges)
     });
     refetch();

src/navigation/views/MenuList/MenuList.tsx

@@ -79,6 +79,7 @@ const MenuList: React.FC<MenuListProps> = ({ params }) => {
   const handleCreate = (data: MenuCreate) => {
     if (data.menuCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Created menu",
           id: "menuListCreatedMenu"
@@ -91,6 +92,7 @@ const MenuList: React.FC<MenuListProps> = ({ params }) => {
   const handleBulkDelete = (data: MenuBulkDelete) => {
     if (data.menuBulkDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       closeModal();
@@ -102,6 +104,7 @@ const MenuList: React.FC<MenuListProps> = ({ params }) => {
   const handleDelete = (data: MenuDelete) => {
     if (data.menuDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Deleted menu",
           id: "menuListDeletedMenu"

src/orders/views/OrderDetails/OrderDetailsMessages.tsx

@@ -66,6 +66,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.orderCapture?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Payment successfully captured"
         })
@@ -77,6 +78,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.orderRefund?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Payment successfully refunded"
         })
@@ -88,6 +90,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.orderMarkAsPaid?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Order marked as paid"
         })
@@ -99,6 +102,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.orderCancel?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Order successfully cancelled"
         })
@@ -110,6 +114,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.draftOrderDelete?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Order successfully cancelled"
         })
@@ -121,6 +126,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.orderVoid?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Order payment successfully voided"
         })
@@ -132,6 +138,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.orderAddNote?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Note successfully added"
         })
@@ -142,6 +149,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.orderUpdate?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Order successfully updated"
         })
@@ -152,6 +160,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.draftOrderUpdate?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Order successfully updated"
         })
@@ -162,6 +171,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.orderUpdateShipping?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Shipping method successfully updated"
         })
@@ -173,6 +183,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.draftOrderLineDelete?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Order line deleted"
         })
@@ -183,6 +194,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.draftOrderLinesCreate?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Order line added"
         })
@@ -194,6 +206,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.draftOrderLineUpdate?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Order line updated"
         })
@@ -204,6 +217,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.orderFulfillmentCancel?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Fulfillment successfully cancelled"
         })
@@ -217,6 +231,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.orderFulfillmentUpdateTracking?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Fulfillment successfully updated"
         })
@@ -228,6 +243,7 @@ export const OrderDetailsMessages: React.FC<OrderDetailsMessages> = ({
     const errs = data.draftOrderComplete?.errors;
     if (errs.length === 0) {
       pushMessage({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Draft order successfully finalized"
         })

src/orders/views/OrderDraftList/OrderDraftList.tsx

@@ -68,6 +68,7 @@ export const OrderDraftList: React.FC<OrderDraftListProps> = ({ params }) => {
 
   const handleCreateOrderCreateSuccess = (data: OrderDraftCreate) => {
     notify({
+      status: "success",
       text: intl.formatMessage({
         defaultMessage: "Order draft successfully created"
       })
@@ -149,6 +150,7 @@ export const OrderDraftList: React.FC<OrderDraftListProps> = ({ params }) => {
   const handleOrderDraftBulkCancel = (data: OrderDraftBulkCancel) => {
     if (data.draftOrderBulkDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Deleted draft orders"
         })

src/orders/views/OrderFulfill/OrderFulfill.tsx

@@ -34,6 +34,7 @@ const OrderFulfill: React.FC<OrderFulfillProps> = ({ orderId }) => {
       if (data.orderFulfill.errors.length === 0) {
         navigate(orderUrl(orderId), true);
         notify({
+          status: "success",
           text: intl.formatMessage({
             defaultMessage: "Fulfilled Items",
             description: "order fulfilled success message"

src/orders/views/OrderList/OrderList.tsx

@@ -56,6 +56,7 @@ export const OrderList: React.FC<OrderListProps> = ({ params }) => {
 
   const handleCreateOrderCreateSuccess = (data: OrderDraftCreate) => {
     notify({
+      status: "success",
       text: intl.formatMessage({
         defaultMessage: "Order draft successfully created"
       })

src/pages/views/PageCreate.tsx

@@ -21,6 +21,7 @@ export const PageCreate: React.FC<PageCreateProps> = () => {
   const handlePageCreate = (data: PageCreateData) => {
     if (data.pageCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Successfully created new page"
         })

src/pages/views/PageDetails.tsx

@@ -44,6 +44,7 @@ export const PageDetails: React.FC<PageDetailsProps> = ({ id, params }) => {
   const handlePageRemove = (data: PageRemove) => {
     if (data.pageDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate(pageListUrl());

src/pages/views/PageList/PageList.tsx

@@ -77,6 +77,7 @@ export const PageList: React.FC<PageListProps> = ({ params }) => {
     if (data.pageBulkPublish.errors.length === 0) {
       closeModal();
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Published pages",
           description: "notification"
@@ -91,6 +92,7 @@ export const PageList: React.FC<PageListProps> = ({ params }) => {
     if (data.pageBulkDelete.errors.length === 0) {
       closeModal();
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Removed pages",
           description: "notification"

src/permissionGroups/views/PermissionGroupCreate/PermissionGroupCreate.tsx

@@ -22,6 +22,7 @@ const PermissionGroupCreateView: React.FC = () => {
   const handleSuccess = (data: PermissionGroupCreate) => {
     if (data?.permissionGroupCreate?.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Permission group created"
         })

src/permissionGroups/views/PermissionGroupDetails/PermissionGroupDetails.tsx

@@ -66,6 +66,7 @@ export const PermissionGroupDetails: React.FC<PermissionGroupDetailsProps> = ({
   const handleUpdateSuccess = (data: PermissionGroupUpdate) => {
     if (data.permissionGroupUpdate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       refetch();

src/permissionGroups/views/PermissionGroupList/PermissionGroupList.tsx

@@ -81,6 +81,7 @@ export const PermissionGroupList: React.FC<PermissionGroupListProps> = ({
   const handleDeleteSuccess = (data: PermissionGroupDelete) => {
     if (data.permissionGroupDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Permission Group Deleted"
         })

src/plugins/views/PluginsDetails.tsx

@@ -61,6 +61,7 @@ export const PluginsDetails: React.FC<PluginsDetailsProps> = ({
   const handleUpdate = (data: PluginUpdate) => {
     if (data.pluginUpdate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       closeModal();

src/productTypes/views/ProductTypeCreate.tsx

@@ -21,6 +21,7 @@ export const ProductTypeCreate: React.FC = () => {
   const handleCreateSuccess = (updateData: ProductTypeCreateMutation) => {
     if (updateData.productTypeCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Successfully created product type"
         })

src/productTypes/views/ProductTypeList/ProductTypeList.tsx

@@ -133,6 +133,7 @@ export const ProductTypeList: React.FC<ProductTypeListProps> = ({ params }) => {
   const handleProductTypeBulkDelete = (data: ProductTypeBulkDelete) => {
     if (data.productTypeBulkDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       reset();

src/productTypes/views/ProductTypeUpdate/index.tsx

@@ -73,6 +73,7 @@ export const ProductTypeUpdate: React.FC<ProductTypeUpdateProps> = ({
             const handleAttributeAssignSuccess = (data: AssignAttribute) => {
               if (data.attributeAssign.errors.length === 0) {
                 notify({
+                  status: "success",
                   text: intl.formatMessage(commonMessages.savedChanges)
                 });
                 closeModal();
@@ -88,6 +89,7 @@ export const ProductTypeUpdate: React.FC<ProductTypeUpdateProps> = ({
             ) => {
               if (data.attributeUnassign.errors.length === 0) {
                 notify({
+                  status: "success",
                   text: intl.formatMessage(commonMessages.savedChanges)
                 });
                 closeModal();
@@ -100,6 +102,7 @@ export const ProductTypeUpdate: React.FC<ProductTypeUpdateProps> = ({
             ) => {
               if (deleteData.productTypeDelete.errors.length === 0) {
                 notify({
+                  status: "success",
                   text: intl.formatMessage({
                     defaultMessage: "Product type deleted"
                   })
@@ -115,6 +118,7 @@ export const ProductTypeUpdate: React.FC<ProductTypeUpdateProps> = ({
                 updateData.productTypeUpdate.errors.length === 0
               ) {
                 notify({
+                  status: "success",
                   text: intl.formatMessage(commonMessages.savedChanges)
                 });
               } else if (

src/products/views/ProductCreate.tsx

@@ -56,6 +56,7 @@ export const ProductCreateView: React.FC = () => {
   const handleSuccess = (data: ProductCreate) => {
     if (data.productCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Product created"
         })

src/products/views/ProductImage.tsx

@@ -3,6 +3,7 @@ import ActionDialog from "@saleor/components/ActionDialog";
 import NotFoundPage from "@saleor/components/NotFoundPage";
 import useNavigator from "@saleor/hooks/useNavigator";
 import useNotifier from "@saleor/hooks/useNotifier";
+import { commonMessages } from "@saleor/intl";
 import React from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 
@@ -39,7 +40,10 @@ export const ProductImage: React.FC<ProductImageProps> = ({
   const handleBack = () => navigate(productUrl(productId));
   const handleUpdateSuccess = (data: ProductImageUpdate) => {
     if (data.productImageUpdate.errors.length === 0) {
-      notify({ text: "Saved changes" });
+      notify({
+        status: "success",
+        text: intl.formatMessage(commonMessages.savedChanges)
+      });
     }
   };
   return (

src/products/views/ProductList/ProductList.tsx

@@ -243,6 +243,7 @@ export const ProductList: React.FC<ProductListProps> = ({ params }) => {
               if (data.productBulkDelete.errors.length === 0) {
                 closeModal();
                 notify({
+                  status: "success",
                   text: intl.formatMessage(commonMessages.savedChanges)
                 });
                 reset();
@@ -254,6 +255,7 @@ export const ProductList: React.FC<ProductListProps> = ({ params }) => {
               if (data.productBulkPublish.errors.length === 0) {
                 closeModal();
                 notify({
+                  status: "success",
                   text: intl.formatMessage(commonMessages.savedChanges)
                 });
                 reset();

src/products/views/ProductUpdate/ProductUpdate.tsx

@@ -94,6 +94,7 @@ export const ProductUpdate: React.FC<ProductUpdateProps> = ({ id, params }) => {
 
         const handleDelete = () => {
           notify({
+            status: "success",
             text: intl.formatMessage({
               defaultMessage: "Product removed"
             })
@@ -103,6 +104,7 @@ export const ProductUpdate: React.FC<ProductUpdateProps> = ({ id, params }) => {
         const handleUpdate = (data: ProductUpdateMutationResult) => {
           if (data.productUpdate.errors.length === 0) {
             notify({
+              status: "success",
               text: intl.formatMessage(commonMessages.savedChanges)
             });
           }
@@ -115,12 +117,14 @@ export const ProductUpdate: React.FC<ProductUpdateProps> = ({ id, params }) => {
           );
           if (imageError) {
             notify({
+              status: "error",
               text: intl.formatMessage(commonMessages.somethingWentWrong)
             });
           }
         };
         const handleImageDeleteSuccess = () =>
           notify({
+            status: "success",
             text: intl.formatMessage(commonMessages.savedChanges)
           });
         const handleVariantAdd = () => navigate(productVariantAddUrl(id));

src/products/views/ProductVariant.tsx

@@ -79,6 +79,7 @@ export const ProductVariant: React.FC<ProductUpdateProps> = ({
 
         const handleDelete = () => {
           notify({
+            status: "success",
             text: intl.formatMessage({
               defaultMessage: "Variant removed"
             })
@@ -87,7 +88,10 @@ export const ProductVariant: React.FC<ProductUpdateProps> = ({
         };
         const handleUpdate = (data: VariantUpdate) => {
           if (data.productVariantUpdate.errors.length === 0) {
-            notify({ text: intl.formatMessage(commonMessages.savedChanges) });
+            notify({
+              status: "success",
+              text: intl.formatMessage(commonMessages.savedChanges)
+            });
           } else {
             setErrors(data.productVariantUpdate.errors);
           }

src/products/views/ProductVariantCreate.tsx

@@ -47,6 +47,7 @@ export const ProductVariant: React.FC<ProductVariantCreateProps> = ({
         const handleCreateSuccess = (data: VariantCreate) => {
           if (data.productVariantCreate.errors.length === 0) {
             notify({
+              status: "success",
               text: intl.formatMessage(commonMessages.savedChanges)
             });
             navigate(

src/products/views/ProductVariantCreator/ProductVariantCreator.tsx

@@ -31,6 +31,7 @@ const ProductVariantCreator: React.FC<ProductVariantCreatorProps> = ({
     onCompleted: data => {
       if (data.productVariantBulkCreate.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage({
             defaultMessage: "Successfully created variants",
             description: "success message"

src/queries.tsx

@@ -86,6 +86,7 @@ export function TypedQuery<TData, TVariables>(
             if (queryData.error.graphQLErrors.some(isJwtError)) {
               user.logout();
               notify({
+                status: "error",
                 text: intl.formatMessage(commonMessages.sessionExpired)
               });
             } else if (
@@ -96,6 +97,7 @@ export function TypedQuery<TData, TVariables>(
               )
             ) {
               notify({
+                status: "error",
                 text: intl.formatMessage(commonMessages.somethingWentWrong)
               });
             }

src/services/views/ServiceCreate/ServiceCreate.tsx

@@ -25,6 +25,7 @@ export const ServiceCreate: React.FC<ServiceCreateProps> = ({ setToken }) => {
   const onSubmit = (data: ServiceCreateData) => {
     if (data.serviceAccountCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate(serviceUrl(data.serviceAccountCreate.serviceAccount.id));

src/services/views/ServiceDetails/ServiceDetails.tsx

@@ -62,6 +62,7 @@ export const ServiceDetails: React.FC<OrderListProps> = ({
   const onServiceUpdate = (data: ServiceUpdate) => {
     if (maybe(() => data.serviceAccountUpdate.errors.length === 0)) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
     }
@@ -69,6 +70,7 @@ export const ServiceDetails: React.FC<OrderListProps> = ({
   const onServiceDelete = (data: ServiceDelete) => {
     if (data.serviceAccountDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate(serviceListUrl());
@@ -94,6 +96,7 @@ export const ServiceDetails: React.FC<OrderListProps> = ({
         const onTokenDelete = (data: ServiceTokenDelete) => {
           if (maybe(() => data.serviceAccountTokenDelete.errors.length === 0)) {
             notify({
+              status: "success",
               text: intl.formatMessage(commonMessages.savedChanges)
             });
             refetch();

src/services/views/ServiceList/ServiceList.tsx

@@ -127,6 +127,7 @@ export const ServiceList: React.FC<ServiceListProps> = ({ params }) => {
   const onRemove = (data: ServiceDelete) => {
     if (data.serviceAccountDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       closeModal();

src/shipping/views/ShippingZoneCreate.tsx

@@ -19,6 +19,7 @@ const ShippingZoneCreate: React.FC<{}> = () => {
     onCompleted: data => {
       if (data.shippingZoneCreate.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage(commonMessages.savedChanges)
         });
         navigate(shippingZoneUrl(data.shippingZoneCreate.shippingZone.id));

src/shipping/views/ShippingZoneDetails/index.tsx

@@ -80,6 +80,7 @@ const ShippingZoneDetails: React.FC<ShippingZoneDetailsProps> = ({
     onCompleted: data => {
       if (data.shippingPriceCreate.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage(commonMessages.savedChanges)
         });
         closeModal();
@@ -91,6 +92,7 @@ const ShippingZoneDetails: React.FC<ShippingZoneDetailsProps> = ({
     onCompleted: data => {
       if (data.shippingPriceUpdate.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage(commonMessages.savedChanges)
         });
         closeModal();
@@ -102,6 +104,7 @@ const ShippingZoneDetails: React.FC<ShippingZoneDetailsProps> = ({
     onCompleted: data => {
       if (data.shippingPriceDelete.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage(commonMessages.savedChanges)
         });
         closeModal();
@@ -113,6 +116,7 @@ const ShippingZoneDetails: React.FC<ShippingZoneDetailsProps> = ({
     onCompleted: data => {
       if (data.shippingZoneDelete.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage(commonMessages.savedChanges)
         });
         navigate(shippingZonesListUrl(), true);
@@ -124,6 +128,7 @@ const ShippingZoneDetails: React.FC<ShippingZoneDetailsProps> = ({
     onCompleted: data => {
       if (data.shippingZoneUpdate.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage(commonMessages.savedChanges)
         });
         closeModal();
@@ -135,6 +140,7 @@ const ShippingZoneDetails: React.FC<ShippingZoneDetailsProps> = ({
     onCompleted: data => {
       if (data.createWarehouse.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage(commonMessages.savedChanges)
         });
         closeModal();

src/shipping/views/ShippingZonesList.tsx

@@ -70,6 +70,7 @@ export const ShippingZonesList: React.FC<ShippingZonesListProps> = ({
     onCompleted: data => {
       if (data.shippingZoneDelete.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage(commonMessages.savedChanges)
         });
         closeModal();
@@ -85,6 +86,7 @@ export const ShippingZonesList: React.FC<ShippingZonesListProps> = ({
     onCompleted: data => {
       if (data.shopSettingsUpdate.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage(commonMessages.savedChanges)
         });
       }
@@ -98,6 +100,7 @@ export const ShippingZonesList: React.FC<ShippingZonesListProps> = ({
     onCompleted: data => {
       if (data.shippingZoneBulkDelete.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage(commonMessages.savedChanges)
         });
         closeModal();

src/siteSettings/views/index.tsx

@@ -38,6 +38,7 @@ export const SiteSettings: React.FC<SiteSettingsProps> = ({ params }) => {
   const handleAddKeySuccess = (data: AuthorizationKeyAdd) => {
     if (data.authorizationKeyAdd.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate(siteSettingsUrl());
@@ -46,10 +47,12 @@ export const SiteSettings: React.FC<SiteSettingsProps> = ({ params }) => {
   const handleDeleteKeySuccess = (data: AuthorizationKeyDelete) => {
     if (data.authorizationKeyDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
     } else {
       notify({
+        status: "error",
         text: intl.formatMessage(commonMessages.somethingWentWrong)
       });
     }
@@ -61,6 +64,7 @@ export const SiteSettings: React.FC<SiteSettingsProps> = ({ params }) => {
       data.shopAddressUpdate.errors.length === 0
     ) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
     }

src/staff/views/StaffDetails.tsx

@@ -56,6 +56,7 @@ export const StaffDetails: React.FC<OrderListProps> = ({ id, params }) => {
   const handleChangePassword = (data: ChangeStaffPassword) => {
     if (data.passwordChange.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       closeModal();
@@ -87,6 +88,7 @@ export const StaffDetails: React.FC<OrderListProps> = ({ id, params }) => {
         const handleStaffMemberUpdate = (data: StaffMemberUpdate) => {
           if (!maybe(() => data.staffUpdate.errors.length !== 0)) {
             notify({
+              status: "success",
               text: intl.formatMessage(commonMessages.savedChanges)
             });
           }
@@ -94,6 +96,7 @@ export const StaffDetails: React.FC<OrderListProps> = ({ id, params }) => {
         const handleStaffMemberDelete = (data: StaffMemberDelete) => {
           if (!maybe(() => data.staffDelete.errors.length !== 0)) {
             notify({
+              status: "success",
               text: intl.formatMessage(commonMessages.savedChanges)
             });
             navigate(staffListUrl());
@@ -102,6 +105,7 @@ export const StaffDetails: React.FC<OrderListProps> = ({ id, params }) => {
         const handleStaffMemberAvatarUpdate = (data: StaffAvatarUpdate) => {
           if (!maybe(() => data.userAvatarUpdate.errors.length !== 0)) {
             notify({
+              status: "success",
               text: intl.formatMessage(commonMessages.savedChanges)
             });
           }
@@ -109,6 +113,7 @@ export const StaffDetails: React.FC<OrderListProps> = ({ id, params }) => {
         const handleStaffMemberAvatarDelete = (data: StaffAvatarDelete) => {
           if (!maybe(() => data.userAvatarDelete.errors.length !== 0)) {
             notify({
+              status: "success",
               text: intl.formatMessage(commonMessages.savedChanges)
             });
             navigate(staffMemberDetailsUrl(id));

src/staff/views/StaffList/StaffList.tsx

@@ -133,6 +133,7 @@ export const StaffList: React.FC<StaffListProps> = ({ params }) => {
   const handleStaffMemberAddSuccess = (data: StaffMemberAdd) => {
     if (data.staffCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate(staffMemberDetailsUrl(data.staffCreate.user.id));

src/taxes/views/CountryList.tsx

@@ -21,6 +21,7 @@ export const CountryList: React.FC = () => {
   const handleUpdateTaxSettings = (data: UpdateTaxSettings) => {
     if (data.shopSettingsUpdate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
     }
@@ -29,6 +30,7 @@ export const CountryList: React.FC = () => {
   const handleFetchTaxes = (data: FetchTaxes) => {
     if (data.shopFetchTaxRates.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage({
           defaultMessage: "Successfully fetched tax rates"
         })

src/translations/views/TranslationsCategories.tsx

@@ -50,6 +50,7 @@ const TranslationsCategories: React.FC<TranslationsCategoriesProps> = ({
   const onUpdate = (data: UpdateCategoryTranslations) => {
     if (data.categoryTranslate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate("?", true);

src/translations/views/TranslationsCollections.tsx

@@ -50,6 +50,7 @@ const TranslationsCollections: React.FC<TranslationsCollectionsProps> = ({
   const onUpdate = (data: UpdateCollectionTranslations) => {
     if (data.collectionTranslate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate("?", true);

src/translations/views/TranslationsPages.tsx

@@ -53,6 +53,7 @@ const TranslationsPages: React.FC<TranslationsPagesProps> = ({
   const onUpdate = (data: UpdatePageTranslations) => {
     if (data.pageTranslate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate("?", true);

src/translations/views/TranslationsProductTypes.tsx

@@ -57,6 +57,7 @@ const TranslationsProductTypes: React.FC<TranslationsProductTypesProps> = ({
   const onAttributeUpdate = (data: UpdateAttributeTranslations) => {
     if (data.attributeTranslate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate("?", true);
@@ -65,6 +66,7 @@ const TranslationsProductTypes: React.FC<TranslationsProductTypesProps> = ({
   const onAttributeValueUpdate = (data: UpdateAttributeValueTranslations) => {
     if (data.attributeValueTranslate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate("?", true);

src/translations/views/TranslationsProducts.tsx

@@ -50,6 +50,7 @@ const TranslationsProducts: React.FC<TranslationsProductsProps> = ({
   const onUpdate = (data: UpdateProductTranslations) => {
     if (data.productTranslate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate("?", true);

src/translations/views/TranslationsSales.tsx

@@ -53,6 +53,7 @@ const TranslationsSales: React.FC<TranslationsSalesProps> = ({
   const onUpdate = (data: UpdateSaleTranslations) => {
     if (data.saleTranslate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate("?", true);

src/translations/views/TranslationsVouchers.tsx

@@ -53,6 +53,7 @@ const TranslationsVouchers: React.FC<TranslationsVouchersProps> = ({
   const onUpdate = (data: UpdateVoucherTranslations) => {
     if (data.voucherTranslate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate("?", true);

src/warehouses/views/WarehouseCreate/WarehouseCreate.tsx

@@ -20,7 +20,10 @@ const WarehouseCreate: React.FC = () => {
     onCompleted: data => {
       if (data.createWarehouse.errors.length === 0) {
         navigate(warehouseUrl(data.createWarehouse.warehouse.id));
-        notify({ text: intl.formatMessage(commonMessages.savedChanges) });
+        notify({
+          status: "success",
+          text: intl.formatMessage(commonMessages.savedChanges)
+        });
       }
     }
   });

src/warehouses/views/WarehouseDetails/WarehouseDetails.tsx

@@ -44,7 +44,10 @@ const WarehouseDetails: React.FC<WarehouseDetailsProps> = ({ id, params }) => {
   const [updateWarehouse, updateWarehouseOpts] = useWarehouseUpdate({
     onCompleted: data => {
       if (data.updateWarehouse.errors.length === 0) {
-        notify({ text: intl.formatMessage(commonMessages.savedChanges) });
+        notify({
+          status: "success",
+          text: intl.formatMessage(commonMessages.savedChanges)
+        });
       }
     }
   });
@@ -54,6 +57,7 @@ const WarehouseDetails: React.FC<WarehouseDetailsProps> = ({ id, params }) => {
     onCompleted: data => {
       if (data.deleteWarehouse.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage(commonMessages.savedChanges)
         });
         navigate(warehouseListUrl());

src/warehouses/views/WarehouseList/WarehouseList.tsx

@@ -71,6 +71,7 @@ const WarehouseList: React.FC<WarehouseListProps> = ({ params }) => {
     onCompleted: data => {
       if (data.deleteWarehouse.errors.length === 0) {
         notify({
+          status: "success",
           text: intl.formatMessage(commonMessages.savedChanges)
         });
         refetch();

src/webhooks/views/WebhookList/WebhookList.tsx

@@ -119,6 +119,7 @@ export const WebhooksList: React.FC<WebhooksListProps> = ({ params }) => {
   const onWebhookDelete = (data: WebhookDelete) => {
     if (data.webhookDelete.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate(webhookListUrl());

src/webhooks/views/WebhooksCreate.tsx

@@ -32,6 +32,7 @@ export const WebhooksCreate: React.FC<WebhooksCreateProps> = () => {
   const onSubmit = (data: WebhookCreateData) => {
     if (data.webhookCreate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate(webhookUrl(data.webhookCreate.webhook.id));

src/webhooks/views/WebhooksDetails.tsx

@@ -51,6 +51,7 @@ export const WebhooksDetails: React.FC<WebhooksDetailsProps> = ({
   const onWebhookDelete = (data: WebhookDelete) => {
     if (data.webhookDelete?.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       navigate(webhookListUrl());
@@ -63,6 +64,7 @@ export const WebhooksDetails: React.FC<WebhooksDetailsProps> = ({
 
     if (errors.length === 0 && webhook) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
       closeModal();