Antd V4 Icon Updates

client/src/components/jobs-documents/jobs-documents.component.jsx

@@ -1,4 +1,5 @@
-import { Icon, Modal, notification, Upload } from "antd";
+import { Modal, notification, Upload } from "antd";
+import { InboxOutlined } from "@ant-design/icons";
 import axios from "axios";
 import React, { useState } from "react";
 import { useMutation } from "react-apollo";
@@ -205,7 +206,7 @@ function JobsDocumentsComponent({ shopId, jobId, loading, data, currentUser }) {
   };
 
   return (
-    <div className='clearfix'>
+    <div className="clearfix">
       <button
         onClick={() => {
           const imageRequest = JSON.stringify({
@@ -217,31 +218,33 @@ function JobsDocumentsComponent({ shopId, jobId, loading, data, currentUser }) {
           const CloudFrontUrl = "https://d18fc493a0fm4o.cloudfront.net";
           const url = `${CloudFrontUrl}/${btoa(imageRequest)}`;
           console.log("url", url);
-        }}>
+        }}
+      >
         Test PDF
       </button>
       <Upload.Dragger
         customRequest={handleUpload}
-        accept='.pdf,.jpg,.jpeg'
-        listType='picture-card'
+        accept=".pdf,.jpg,.jpeg"
+        listType="picture-card"
         fileList={fileList}
         multiple={true}
         onPreview={handlePreview}
         onRemove={handleRemove}
-        onChange={handleChange}>
-        <p className='ant-upload-drag-icon'>
-          <Icon type='inbox' />
+        onChange={handleChange}
+      >
+        <p className="ant-upload-drag-icon">
+          <InboxOutlined />
         </p>
-        <p className='ant-upload-text'>
+        <p className="ant-upload-text">
           Click or drag file to this area to upload
         </p>
-        <p className='ant-upload-hint'>
+        <p className="ant-upload-hint">
           Support for a single or bulk upload. Strictly prohibit from uploading
           company data or other band files
         </p>
       </Upload.Dragger>
       <Modal visible={previewVisible} footer={null} onCancel={handleCancel}>
-        <img alt='example' style={{ width: "100%" }} src={previewImage} />
+        <img alt="example" style={{ width: "100%" }} src={previewImage} />
       </Modal>
     </div>
   );