stash commit

src/Components/DataTable/DataTable.jsx

@@ -27,7 +27,7 @@ const DataTable = ({
   const { slideFromRight } = useContext(GlobalStateContext);
 
   return (
-    <TableContainer overflowX={"hidden"} className="h-auto mb-3 w-100">
+    <TableContainer overflowX={"scroll"} className="h-auto mb-3 w-100">
       {data?.length === 0 ? (
         <EmptySearchList message={emptyMessage} />
       ) : (

src/Pages/IO_Management/CreateIO/CreateIO.jsx

@@ -151,7 +151,7 @@ const CreateIO = () => {
     {
       label: "Investors",
       content: <Investors control={control} errors={errors} />,
-      isDisabled: true,
+      isDisabled: false,
     },
     {
       label: "IO Cash Details",

src/Pages/IO_Management/CreateIO/IOArtifacts.jsx

@@ -7,7 +7,6 @@ import {
   useDisclosure,
 } from "@chakra-ui/react";
 import React, { useContext, useEffect, useRef, useState } from "react";
-import InvestmentDocuments from "../InvestmentDocuments";
 import DataTable from "../../../Components/DataTable/DataTable";
 import CustomAlertDialog from "../../../Components/CustomAlertDialog";
 import GlobalStateContext from "../../../Contexts/GlobalStateContext";
@@ -20,6 +19,7 @@ import {
   EditIcon,
   ViewIcon,
 } from "@chakra-ui/icons";
+import IOArtifactsAdd from "../IOArtifactsAdd";
 
 const IOArtifacts = () => {
   const { iOArtifacts, setIOArtifacts, slideFromRight } =
@@ -220,7 +220,7 @@ const IOArtifacts = () => {
         >
           Add
         </Button>
-        <InvestmentDocuments
+        <IOArtifactsAdd
           isOpen={isOpen}
           onClose={onClose}
           firstField={firstField}

src/Pages/IO_Management/CreateIO/KeyMerits.jsx

@@ -7,6 +7,7 @@ import GlobalStateContext from "../../../Contexts/GlobalStateContext";
 import { debounce } from "../../Master/Sponser/AddSponser";
 import { formatDate } from "../../../Components/Functions/UTCConvertor";
 import { AddIcon, DeleteIcon, DownloadIcon, EditIcon, ViewIcon } from "@chakra-ui/icons";
+import KeyMeritsAdd from "../KeyMeritsAdd";
 
 const KeyMerits = () => {
     const { keyMerits, setKeyMerits,slideFromRight} =
@@ -132,7 +133,7 @@ const KeyMerits = () => {
             rounded={"sm"}
             size={"xs"}
           >
-            <ViewIcon />
+            <ViewIcon /> 
           </Button>
         </Tooltip>
         <Tooltip
@@ -207,7 +208,7 @@ const KeyMerits = () => {
         >
           Add
         </Button>
-        <InvestmentDocuments
+        <KeyMeritsAdd
           isOpen={isOpen}
           onClose={onClose}
           firstField={firstField}

src/Pages/IO_Management/IOArtifactsAdd.jsx

@@ -0,0 +1,140 @@
+import {
+    Box,
+    Button,
+    Drawer,
+    DrawerBody,
+    DrawerCloseButton,
+    DrawerContent,
+    DrawerFooter,
+    DrawerHeader,
+    DrawerOverlay,
+    FormControl,
+    FormLabel,
+    Input,
+    InputGroup,
+    Stack,
+  } from "@chakra-ui/react";
+  import * as yup from "yup";
+  import React, { useContext, useEffect, useRef, useState } from "react";
+  import FormInputMain from "../../Components/FormInputMain";
+  import { useForm } from "react-hook-form";
+  import { yupResolver } from "@hookform/resolvers/yup";
+  import CustomAlertDialog from "../../Components/CustomAlertDialog";
+  
+  export const investmentDoct = yup.object().shape({
+    type: yup.string().required("Sponser name is required"),
+    document: yup.string().required("Sponser name is required"),
+    fileName: yup.string().required("Mobile no is required"),
+  });
+  
+  const IOArtifactsAdd = ({ id, isOpen, onClose, firstField }) => {
+    const [file, setFile] = useState("");
+    const [fileName, setFileName] = useState("");
+    const [alert, setAlert] = useState(false);
+  
+    const {
+      control,
+      handleSubmit,
+      formState: { errors },
+    } = useForm({
+      resolver: yupResolver(investmentDoct),
+    });
+  
+  
+  
+    const onSubmit = (data) => {
+      console.log(data);
+      setSponser([
+        {
+          ...data,
+          status: true,
+          id: uuidv4(),
+          createdAt: new Date().toISOString(),
+        },
+        ...investmentDoct,
+      ]);
+    };
+  
+    const handleSave = () => {
+      console.log({
+        fileName: fileName,
+        file:file
+      });
+      setAlert(false)
+      onClose()
+  
+    }
+  
+    return (
+      <>
+        <Drawer 
+          isOpen={isOpen}
+          placement="right"
+          initialFocusRef={firstField}
+          onClose={onClose}
+        >
+          <DrawerOverlay />
+          <DrawerContent>
+            <DrawerCloseButton />
+            <DrawerHeader fontSize={"sm"}>IO Artifacts</DrawerHeader>
+  
+            <DrawerBody>
+  
+              <FormControl mb={4}>
+                <FormLabel fontSize={"sm"}>File Name</FormLabel>
+                <Input
+                  value={fileName}
+                  onChange={(e) => setFileName(e.target.value)}
+                  fontSize={"sm"}
+                  type="text"
+                  size={"sm"}
+                />
+              </FormControl>
+              <FormControl mb={4}>
+                <FormLabel fontSize={"sm"}>Document</FormLabel>
+                <Input
+                  value={file}
+                  onChange={(e) => setFile(e.target.value)}
+                  fontSize={"sm"}
+                  type="file"
+                  className="form-control"
+                  size={"sm"}
+                />
+              </FormControl>
+  
+            </DrawerBody>
+            <DrawerFooter>
+              <Button
+                variant="outline"
+                colorScheme={"green"}
+                rounded={"sm"}
+                size={"sm"}
+                mr={3}
+                onClick={onClose}
+              >
+                Cancel
+              </Button>
+  
+              <Button
+                colorScheme={"green"}
+                rounded={"sm"}
+                size={"sm"}
+                onClick={() => setAlert(true)}
+              >
+                Save
+              </Button>
+            </DrawerFooter>
+          </DrawerContent>
+        </Drawer>
+        <CustomAlertDialog
+          isOpen={alert}
+          onClose={() => setAlert(false)}
+          alertHandler={handleSave}
+          message={"Are you sure you want to add this document?"}
+        />
+      </>
+    );
+  };
+  
+  export default IOArtifactsAdd;
+  

src/Pages/IO_Management/KeyMeritsAdd.jsx

@@ -0,0 +1,150 @@
+import {
+    Box,
+    Button,
+    Drawer,
+    DrawerBody,
+    DrawerCloseButton,
+    DrawerContent,
+    DrawerFooter,
+    DrawerHeader,
+    DrawerOverlay,
+    FormControl,
+    FormLabel,
+    Input,
+    InputGroup,
+    Stack,
+  } from "@chakra-ui/react";
+  import * as yup from "yup";
+  import React, { useContext, useEffect, useRef, useState } from "react";
+  import FormInputMain from "../../Components/FormInputMain";
+  import { useForm } from "react-hook-form";
+  import { yupResolver } from "@hookform/resolvers/yup";
+  import CustomAlertDialog from "../../Components/CustomAlertDialog";
+  
+  export const investmentDoct = yup.object().shape({
+    type: yup.string().required("Sponser name is required"),
+    document: yup.string().required("Sponser name is required"),
+    fileName: yup.string().required("Mobile no is required"),
+  });
+  
+  const KeyMeritsAdd = ({ id, isOpen, onClose, firstField }) => {
+    const [file, setFile] = useState("");
+    const [fileName, setFileName] = useState("");
+    const [alert, setAlert] = useState(false);
+  
+    const {
+      control,
+      handleSubmit,
+      formState: { errors },
+    } = useForm({
+      resolver: yupResolver(investmentDoct),
+    });
+  
+  
+  
+    const onSubmit = (data) => {
+      console.log(data);
+      setSponser([
+        {
+          ...data,
+          status: true,
+          id: uuidv4(),
+          createdAt: new Date().toISOString(),
+        },
+        ...investmentDoct,
+      ]);
+    };
+  
+    const handleSave = () => {
+      console.log({
+        fileName: fileName,
+        file:file
+      });
+      setAlert(false)
+      onClose()
+  
+    }
+  
+    return (
+      <>
+        <Drawer 
+          isOpen={isOpen}
+          placement="right"
+          initialFocusRef={firstField}
+          onClose={onClose}
+        >
+          <DrawerOverlay />
+          <DrawerContent>
+            <DrawerCloseButton />
+            <DrawerHeader fontSize={"sm"}>Key Merits</DrawerHeader>
+  
+            <DrawerBody>
+  
+              <FormControl mb={4}>
+                <FormLabel fontSize={"sm"}>Title</FormLabel>
+                <Input
+                  value={fileName}
+                  onChange={(e) => setFileName(e.target.value)}
+                  fontSize={"sm"}
+                  type="text"
+                  size={"sm"}
+                />
+              </FormControl>
+              <FormControl mb={4}>
+                <FormLabel fontSize={"sm"}>Sub Title</FormLabel>
+                <Input
+                  value={fileName}
+                  onChange={(e) => setFileName(e.target.value)}
+                  fontSize={"sm"}
+                  type="textarea"
+                  size={"sm"}
+                />
+              </FormControl>
+              <FormControl mb={4}>
+                <FormLabel fontSize={"sm"}>Icon</FormLabel>
+                <Input
+                  value={file}
+                  onChange={(e) => setFile(e.target.value)}
+                  fontSize={"sm"}
+                  type="file"
+                  className="form-control"
+                  size={"sm"}
+                />
+              </FormControl>
+  
+            </DrawerBody>
+            <DrawerFooter>
+              <Button
+                variant="outline"
+                colorScheme={"green"}
+                rounded={"sm"}
+                size={"sm"}
+                mr={3}
+                onClick={onClose}
+              >
+                Cancel
+              </Button>
+  
+              <Button
+                colorScheme={"green"}
+                rounded={"sm"}
+                size={"sm"}
+                onClick={() => setAlert(true)}
+              >
+                Save
+              </Button>
+            </DrawerFooter>
+          </DrawerContent>
+        </Drawer>
+        <CustomAlertDialog
+          isOpen={alert}
+          onClose={() => setAlert(false)}
+          alertHandler={handleSave}
+          message={"Are you sure you want to add this document?"}
+        />
+      </>
+    );
+  };
+  
+  export default KeyMeritsAdd;
+