feature/IO-3103-Ant5-Notifications

client/src/components/phonebook-form/phonebook-form.container.jsx

@@ -1,5 +1,5 @@
 import { useMutation, useQuery } from "@apollo/client";
-import { Form, notification } from "antd";
+import { Form } from "antd";
 import queryString from "query-string";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -16,6 +16,7 @@ import { selectBodyshop } from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import PhonebookFormComponent from "./phonebook-form.component";
+import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
@@ -39,6 +40,8 @@ function PhonebookFormContainer({ refetch, bodyshop }) {
   const [insertPhonebook] = useMutation(INSERT_NEW_PHONEBOOK);
   const [deletePhonebook] = useMutation(DELETE_PHONEBOOK);
 
+  const notification = useNotification();
+
   const handleDelete = async () => {
     setFormLoading(true);
     const result = await deletePhonebook({