Antd V4 Icon Updates

client/src/pages/jobs-detail/jobs-detail.page.component.jsx

@@ -1,4 +1,12 @@
-import { Form, Icon, Tabs } from "antd";
+import { Form, Tabs } from "antd";
+import {
+  BarsOutlined,
+  DollarCircleOutlined,
+  ToolFilled,
+  CalendarFilled,
+  FileImageFilled
+} from "@ant-design/icons";
+import Icon from "@ant-design/icons";
 import React, { lazy, Suspense, useContext } from "react";
 import { useTranslation } from "react-i18next";
 import {
@@ -140,7 +148,7 @@ export default function JobsDetailPage({
           <Tabs.TabPane
             tab={
               <span>
-                <Icon type="bars" />
+                <BarsOutlined />
                 {t("menus.jobsdetail.repairdata")}
               </span>
             }
@@ -152,7 +160,7 @@ export default function JobsDetailPage({
           <Tabs.TabPane
             tab={
               <span>
-                <Icon type="dollar" />
+                <DollarCircleOutlined />
                 {t("menus.jobsdetail.financials")}
               </span>
             }
@@ -164,7 +172,7 @@ export default function JobsDetailPage({
           <Tabs.TabPane
             tab={
               <span>
-                <Icon type="tool" />
+                <ToolFilled />
                 {t("menus.jobsdetail.partssublet")}
               </span>
             }
@@ -188,7 +196,7 @@ export default function JobsDetailPage({
           <Tabs.TabPane
             tab={
               <span>
-                <Icon type="calendar" />
+                <CalendarFilled />
                 {t("menus.jobsdetail.dates")}
               </span>
             }
@@ -200,7 +208,7 @@ export default function JobsDetailPage({
           <Tabs.TabPane
             tab={
               <span>
-                <Icon type="file-image" />
+                <FileImageFilled />
                 {t("jobs.labels.documents")}
               </span>
             }