feature/IO-3103-Ant5-Notifications

client/src/components/job-totals-table/jobs-totals.cash-discount-display.component.jsx

@@ -1,4 +1,4 @@
-import { notification, Spin } from "antd";
+import { Spin } from "antd";
 import axios from "axios";
 import Dinero from "dinero.js";
 import React, { useCallback, useEffect, useState } from "react";
@@ -6,6 +6,8 @@ import React, { useCallback, useEffect, useState } from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
+import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
+
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
@@ -15,6 +17,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(JobTotalsCashDiscoun
 export function JobTotalsCashDiscount({ bodyshop, amountDinero }) {
   const [loading, setLoading] = useState(true);
   const [fee, setFee] = useState(0);
+  const notification = useNotification();
 
   const fetchData = useCallback(async () => {
     if (amountDinero && bodyshop) {