feature/IO-3103-Ant5-Notifications

client/src/components/vendors-phonebook-add/vendors-phonebook-add.component.jsx

@@ -1,4 +1,4 @@
-import { Button, notification } from "antd";
+import { Button } from "antd";
 import React, { useState } from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -6,6 +6,7 @@ import { selectBodyshop } from "../../redux/user/user.selectors";
 import { useTranslation } from "react-i18next";
 import { useMutation } from "@apollo/client";
 import { INSERT_NEW_PHONEBOOK } from "../../graphql/phonebook.queries";
+import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
@@ -19,6 +20,7 @@ export function VendorsPhonebookAdd({ form, bodyshop, disabled }) {
   const [loading, setLoading] = useState(false);
   const [insertPhonebook] = useMutation(INSERT_NEW_PHONEBOOK);
   const { t } = useTranslation();
+  const notification = useNotification();
 
   const handleAdd = async () => {
     setLoading(true);