Antd V4 Icon Updates

client/src/components/invoice-add-line-button/invoice-add-line-button.component.jsx

@@ -1,5 +1,6 @@
 import React, { useState } from "react";
-import { Button, Popover, Icon, Input, InputNumber, Form } from "antd";
+import { Button, Popover, Input, InputNumber, Form } from "antd";
+import { SelectOutlined } from "@ant-design/icons";
 import { useTranslation } from "react-i18next";
 
 export default function InvoiceAddLineButton({
@@ -35,15 +36,16 @@ export default function InvoiceAddLineButton({
           initialValue: jobLine.act_price * (discount ? 1 - discount : 1)
         })(<InputNumber precision={2} name="actual" />)}
       </Form.Item>
-      DISSC: {discount}
-      <Button onClick={() => setVisibility(false)}>??</Button>
+      {}
+      DISC: {discount}
+      <Button onClick={() => setVisibility(false)}>X</Button>
     </div>
   );
 
   return (
     <Popover content={popContent} visible={visibility}>
       <Button onClick={() => setVisibility(true)} disabled={!disabled}>
-        <Icon type="select" />
+        <SelectOutlined />
       </Button>
     </Popover>
   );