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,13 +41,15 @@ export const CustomerDetailsView: React.FC<CustomerDetailsViewProps> = ({
   const handleCustomerUpdateSuccess = (data: UpdateCustomer) => {
     if (data.customerUpdate.errors.length === 0) {
       notify({
+        status: "success",
         text: intl.formatMessage(commonMessages.savedChanges)
       });
     }
   };
   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();