icon font

src/Pages/IO_Management/CreateIO/InvestmentDocument.jsx

@@ -23,6 +23,8 @@ import {
   EditIcon,
   ViewIcon,
 } from "@chakra-ui/icons";
+import { GrDocumentPdf } from "react-icons/gr";
+import { AiOutlineFileGif } from "react-icons/ai";
 
 const InvestmentDocument = ({ control, errors, enableNextTab, index }) => {
   const { slideFromRight } =
@@ -41,49 +43,14 @@ const InvestmentDocument = ({ control, errors, enableNextTab, index }) => {
   const [create, setCreate] = useState([
     {
       id: 1,
-      Type: "PDF",
+      Type: <GrDocumentPdf />,
       fileName: "Investment Private Company",
       document: "Investment.pdf",
       status: true,
     },
     {
       id: 2,
-      Type: "PDF",
-      fileName: "Investment Private",
-      document: "Investment.pdf",
-      status: true,
-    },
-    {
-      id: 3,
-      Type: "PDF",
-      fileName: "Investment Private",
-      document: "Investment.pdf",
-      status: true,
-    },
-    {
-      id: 4,
-      Type: "PDF",
-      fileName: "Investment Private",
-      document: "Investment.pdf",
-      status: true,
-    },
-    {
-      id: 5,
-      Type: "PDF",
-      fileName: "Investment Private",
-      document: "Investment.pdf",
-      status: true,
-    },
-    {
-      id: 6,
-      Type: "PDF",
-      fileName: "Investment Private",
-      document: "Investment.pdf",
-      status: true,
-    },
-    {
-      id: 7,
-      Type: "PDF",
+      Type: <AiOutlineFileGif />,
       fileName: "Investment Private",
       document: "Investment.pdf",
       status: true,
@@ -147,7 +114,8 @@ const InvestmentDocument = ({ control, errors, enableNextTab, index }) => {
         as="span"
         color="teal.900"
         fontWeight="500"
-        className="d-flex align-items-center web-text-small"
+        className="d-flex align-items-center"
+        fontSize={'xl'}
       >
         {item.Type}
       </Text>

src/Pages/IO_Management/InvestmentDocuments.jsx

@@ -161,7 +161,7 @@ const InvestmentDocuments = ({ id, isOpen, onClose, firstField, create, setCreat
               {file && (
                 <Box mt={4}>
                   <Box display="flex" mb={2}>
-                    {getFileIcon(file.type)}
+                    <Text>{getFileIcon(file.type)}</Text>
                     <Text fontSize="sm" ml={2} mb={0  }>
                       {file.name}
                     </Text>