Antd V4 Icon Updates

client/src/components/vendors-form/vendors-form.component.jsx

@@ -1,14 +1,6 @@
-import {
-  Button,
-  Checkbox,
-  Col,
-  Form,
-  Icon,
-  Input,
-  InputNumber,
-  Row
-} from "antd";
+import { Button, Checkbox, Col, Form, Input, InputNumber, Row } from "antd";
 import React from "react";
+import { MinusCircleOutlined, PlusCircleFilled } from "@ant-design/icons";
 import { useTranslation } from "react-i18next";
 import FormItemEmail from "../form-items-formatted/email-form-item.component";
 import ResetForm from "../form-items-formatted/reset-form-item.component";
@@ -75,9 +67,8 @@ export default function VendorsFormComponent({ form, vendor, handleDelete }) {
             />
           )}
           {getFieldValue("keys").length > 1 ? (
-            <Icon
+            <MinusCircleOutlined
               className="dynamic-delete-button"
-              type="minus-circle-o"
               onClick={() => remove(k)}
             />
           ) : null}
@@ -104,7 +95,7 @@ export default function VendorsFormComponent({ form, vendor, handleDelete }) {
       ))}
       <Form.Item label={t("vendors.fields.favorite")}>
         <Button type="dashed" onClick={add} style={{ width: "60%" }}>
-          <Icon type="plus" /> Add field
+          <PlusCircleFilled /> Add field
         </Button>
       </Form.Item>