From 7f1ef99b6cc0ebf592744a494b5593c95d2878eb Mon Sep 17 00:00:00 2001
From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com>
Date: Tue, 24 Sep 2024 18:43:51 +0530
Subject: [PATCH] =?UTF-8?q?update=20amount=F0=9F=91=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             |  43 ++++
 package.json                                  |   1 +
 src/Layout/DefaultLayout.jsx                  |  14 +-
 .../IO_Management/CreateIO/IODetails.jsx      |  18 +-
 src/Pages/IO_Management/IOArtifactsAdd.jsx    | 233 ++++++++++--------
 src/Pages/IO_Management/IOArtifactsVideo.jsx  |   3 +-
 .../IO_Management/ViewIO/ViewIOTable.jsx      |   2 +-
 .../Master/ExchangeRate/ExchangeRate.jsx      |  89 +++----
 .../Master/InvestmentType/InvestmentType.jsx  |   7 +-
 src/Pages/Master/Sponser/Sponsers.jsx         |   2 +-
 10 files changed, 245 insertions(+), 167 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 41168e3..b465b37 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,6 +28,7 @@
         "react-dom": "^18.2.0",
         "react-hook-form": "^7.51.3",
         "react-icons": "^5.1.0",
+        "react-phone-input-2": "^2.15.1",
         "react-quill": "^0.0.2",
         "react-redux": "^9.1.1",
         "react-router-dom": "^6.22.3",
@@ -3255,6 +3256,11 @@
         "pnpm": ">=8"
       }
     },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
+    },
     "node_modules/codepage": {
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/codepage/-/codepage-1.15.0.tgz",
@@ -5232,6 +5238,16 @@
       ],
       "license": "MIT"
     },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
+    },
+    "node_modules/lodash.memoize": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag=="
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -5245,6 +5261,16 @@
       "integrity": "sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==",
       "license": "MIT"
     },
+    "node_modules/lodash.reduce": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.reduce/-/lodash.reduce-4.6.0.tgz",
+      "integrity": "sha512-6raRe2vxCYBhpBu+B+TtNGUzah+hQjVdu3E17wfusjyrXBka2nBS8OH/gjVZ5PvHOhWmIZTYri09Z6n/QfnNMw=="
+    },
+    "node_modules/lodash.startswith": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/lodash.startswith/-/lodash.startswith-4.2.1.tgz",
+      "integrity": "sha512-XClYR1h4/fJ7H+mmCKppbiBmljN/nGs73iq2SjCT9SF4CBPoUHzLvWmH1GtZMhMBZSiRkHXfeA2RY1eIlJ75ww=="
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -5875,6 +5901,23 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "license": "MIT"
     },
+    "node_modules/react-phone-input-2": {
+      "version": "2.15.1",
+      "resolved": "https://registry.npmjs.org/react-phone-input-2/-/react-phone-input-2-2.15.1.tgz",
+      "integrity": "sha512-W03abwhXcwUoq+vUFvC6ch2+LJYMN8qSOiO889UH6S7SyMCQvox/LF3QWt+cZagZrRdi5z2ON3omnjoCUmlaYw==",
+      "dependencies": {
+        "classnames": "^2.2.6",
+        "lodash.debounce": "^4.0.8",
+        "lodash.memoize": "^4.1.2",
+        "lodash.reduce": "^4.6.0",
+        "lodash.startswith": "^4.2.1",
+        "prop-types": "^15.7.2"
+      },
+      "peerDependencies": {
+        "react": "^16.12.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+        "react-dom": "^16.12.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0"
+      }
+    },
     "node_modules/react-quill": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/react-quill/-/react-quill-0.0.2.tgz",
diff --git a/package.json b/package.json
index 1cab514..79d736a 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.51.3",
     "react-icons": "^5.1.0",
+    "react-phone-input-2": "^2.15.1",
     "react-quill": "^0.0.2",
     "react-redux": "^9.1.1",
     "react-router-dom": "^6.22.3",
diff --git a/src/Layout/DefaultLayout.jsx b/src/Layout/DefaultLayout.jsx
index e98f349..b70cdcd 100644
--- a/src/Layout/DefaultLayout.jsx
+++ b/src/Layout/DefaultLayout.jsx
@@ -383,11 +383,11 @@ const DashboardLayout = ({ isOnline }) => {
         No Internet !
       </Alert>
 
-      <Box
+      {/* <Box
         bottom={4}
         right={!slideFromRight ? 4 : "auto"}
         left={slideFromRight ? 4 : "auto"}
-        backgroundColor={"#fff"}
+        backgroundColor={"#000"}
         rounded={"full"}
         p={2}
         w={8}
@@ -408,11 +408,11 @@ const DashboardLayout = ({ isOnline }) => {
         zIndex={999}
       >
         <IoMdSwap />
-      </Box>
+      </Box> */}
 
       {slideFromRight ? null : (
         <aside
-          className="h-100  position-relative sideBar  "
+          className="h-100  position-relative sideBar"
           // onMouseOver={() => setIsDrawerOpen(true)}
           // onMouseLeave={() => setIsDrawerOpen(false)}
           style={{
@@ -687,9 +687,9 @@ const DashboardLayout = ({ isOnline }) => {
 
       {/* =======[ Left ]============ */}
 
-      {slideFromRight ? (
+      {/* {slideFromRight ? (
         <aside
-          className="h-100 position-relative sideBar  pe-1"
+          className="h-100 position-relative sideBar  pe-1 bg-black"
           // onMouseOver={() => setIsDrawerOpen(true)}
           // onMouseLeave={() => setIsDrawerOpen(false)}
           style={{
@@ -916,7 +916,7 @@ const DashboardLayout = ({ isOnline }) => {
             )}
           </Button>
         </aside>
-      ) : null}
+      ) : null} */}
     </Box>
   );
 };
diff --git a/src/Pages/IO_Management/CreateIO/IODetails.jsx b/src/Pages/IO_Management/CreateIO/IODetails.jsx
index f32967f..72ffa6c 100644
--- a/src/Pages/IO_Management/CreateIO/IODetails.jsx
+++ b/src/Pages/IO_Management/CreateIO/IODetails.jsx
@@ -103,15 +103,15 @@ const IODetails = ({ enableNextTab, index, data }) => {
   const toast = useToast();
 
 
-  // const handleInputChange = (index, newValue) => {
+  const handleInputChangeCreate = (index, newValue) => {
     
-  //   const updatedValues = [...values];
-  //   updatedValues[index].value = newValue;
-  //   setValues(updatedValues);
-  //   console.log(values); 
-  // };
+    const updatedValues = [...values];
+    updatedValues[index].value = newValue;
+    setValues(updatedValues);
+    console.log(values); 
+  };
 
-  const handleInputChange = (index, newValue) => {
+  const handleInputChangeEdit = (index, newValue) => {
     // Allow only whole numbers using regex
     if (/^\d*$/.test(newValue)) {
       const updatedValues = [...values];
@@ -476,10 +476,10 @@ const IODetails = ({ enableNextTab, index, data }) => {
       name: "table",
       type: "table",
       section: " ",
-      width: "100%",
+      width: "100%", 
       isRequired: true,
       options: investmentTypeOptions,
-      handleInputChange: handleInputChange,
+      handleInputChange:id ?  handleInputChangeEdit : handleInputChangeCreate,
       value: values,
     },
 
diff --git a/src/Pages/IO_Management/IOArtifactsAdd.jsx b/src/Pages/IO_Management/IOArtifactsAdd.jsx
index 5890fed..223f011 100644
--- a/src/Pages/IO_Management/IOArtifactsAdd.jsx
+++ b/src/Pages/IO_Management/IOArtifactsAdd.jsx
@@ -60,7 +60,6 @@ const IOArtifactsAdd = ({
   const found = data?.find((item) => item?.id === actionId);
   const fileInputRef = useRef(null);
 
-
   const {
     control,
     handleSubmit,
@@ -82,7 +81,6 @@ const IOArtifactsAdd = ({
     }
   }, [found, reset]);
 
-
   const onSubmit = async (data) => {
     console.log("hit");
     setIsLoading(true);
@@ -110,9 +108,11 @@ const IOArtifactsAdd = ({
             artifactName: "",
             artifactPathName: "",
           });
-        } else{
+        } else {
           toast({
-            render: () => <ToastBox message={"Something went wronng"} error="error" />,
+            render: () => (
+              <ToastBox message={"Something went wronng"} error="error" />
+            ),
           });
           setFile(null);
           setIsLoading(false);
@@ -123,7 +123,6 @@ const IOArtifactsAdd = ({
             artifactName: "",
             artifactPathName: "",
           });
-
         }
 
         if (res?.error) {
@@ -171,8 +170,6 @@ const IOArtifactsAdd = ({
     reader.readAsDataURL(file);
   };
 
-
-
   const handleSave = () => {
     handleSubmit(onSubmit)();
   };
@@ -189,22 +186,19 @@ const IOArtifactsAdd = ({
     setActionId(false);
   };
 
-
   const handleRemove = () => {
-
-    setFile(null)
-    setPreview(null)
+    setFile(null);
+    setPreview(null);
     // Reset the file input value
     if (fileInputRef.current) {
       fileInputRef.current.value = "";
     }
-  }
-
-  const handleAlertClose = () =>{
-    setAlert(false)
-    setIsLoading(false)
-  }
+  };
 
+  const handleAlertClose = () => {
+    setAlert(false);
+    setIsLoading(false);
+  };
 
   return (
     <>
@@ -219,100 +213,133 @@ const IOArtifactsAdd = ({
         <DrawerContent>
           <DrawerCloseButton />
           <DrawerHeader fontSize={"sm"}>IO Artifacts Image</DrawerHeader>
+          <Box as="form">
+            <DrawerBody>
+              <Stack spacing={4}>
+                <FormControl isInvalid={errors.artifactName}>
+                  <FormLabel fontSize={"sm"}>Artifact Name</FormLabel>
+                  <Controller
+                    name="artifactName"
+                    control={control}
+                    render={({ field }) => (
+                      <Input
+                        {...field}
+                        fontSize={"sm"}
+                        type="text"
+                        size={"sm"}
+                      />
+                    )}
+                  />
+                  <FormErrorMessage fontSize={"xs"} fontWeight={500}>
+                    {errors.artifactName?.message}
+                  </FormErrorMessage>
+                </FormControl>
 
-          <DrawerBody>
-            <Stack spacing={4}>
-              <FormControl isInvalid={errors.artifactName}>
-                <FormLabel fontSize={"sm"}>Artifact Name</FormLabel>
-                <Controller
-                  name="artifactName"
-                  control={control}
-                  render={({ field }) => (
-                    <Input {...field} fontSize={"sm"} type="text" size={"sm"} />
-                  )}
-                />
-                <FormErrorMessage fontSize={"xs"} fontWeight={500}>
-                  {errors.artifactName?.message}
-                </FormErrorMessage>
-              </FormControl>
-
-              <FormControl
-                isInvalid={
-                  !preview &&
-                  errors.artifactPathName?.message &&
-                  errors.artifactPathName
-                }
-              >
-                <FormLabel fontSize={"sm"}>Artifact Image</FormLabel>
-                <Input
-                  type="file"
-                  accept=".jpg,.jpeg,.png"
-                  onChange={handleFileChange}
-                  fontSize={"sm"}
-                  size={"sm"}
-                  className="form-control"
-                  ref={fileInputRef} // Set the ref here
-                />
-                <FormErrorMessage fontSize={"xs"} fontWeight={500}>
-                  {!preview &&
+                <FormControl
+                  isInvalid={
+                    !preview &&
                     errors.artifactPathName?.message &&
-                    errors.artifactPathName?.message}
-                </FormErrorMessage>
-                {preview && (
-                  <>
+                    errors.artifactPathName
+                  }
+                >
+                  <FormLabel fontSize={"sm"}>Artifact Image</FormLabel>
+                  <Input
+                    type="file"
+                    accept=".jpg,.jpeg,.png"
+                    onChange={handleFileChange}
+                    fontSize={"sm"}
+                    size={"sm"}
+                    className="form-control"
+                    ref={fileInputRef} // Set the ref here
+                  />
+                  <FormErrorMessage fontSize={"xs"} fontWeight={500}>
+                    {!preview &&
+                      errors.artifactPathName?.message &&
+                      errors.artifactPathName?.message}
+                  </FormErrorMessage>
+                  {preview && (
+                    <>
+                      <Image
+                        rounded={"md"}
+                        src={preview}
+                        alt="Image Preview"
+                        mt={3}
+                        width={300}
+                        height={150}
+                        objectFit={"cover"}
+                        backgroundSize={"cover"}
+                      />
+                      <Box
+                        w={"100%"}
+                        position={"relative"}
+                        mt={2}
+                        fontSize={"xs"}
+                        display={"flex"}
+                        flexDirection={"column"}
+                        as="span"
+                      >
+                        <Text as={"span"}>Name: {file?.name}</Text>
+                        <Text as={"span"} fontSize={"xs"}>
+                          File size: {bytesToMB(file?.size)}
+                        </Text>
+                        <Text as={"span"} fontSize={"xs"}>
+                          Last update:{" "}
+                          {formatTimestampInGulfTimezone(file?.lastModified)}
+                        </Text>
+                        <Icon
+                          onClick={() => handleRemove()}
+                          _hover={{ bg: "gray.100" }}
+                          transition={"all 0-5s"}
+                          cursor={"pointer"}
+                          position={"absolute"}
+                          right={0}
+                          p={1}
+                          bottom={0}
+                          rounded={"lg"}
+                          boxSize={7}
+                          as={IoMdRemoveCircleOutline}
+                        />
+                      </Box>
+                    </>
+                  )}
+                  {found && !preview && (
                     <Image
                       rounded={"md"}
-                      src={preview}
+                      src={
+                        import.meta.env.VITE_IMAGE_URL +
+                        watch()?.artifactPathName
+                      }
                       alt="Image Preview"
-                      mt={3}
-                      width={'100%'}
-                      height={300}
-                      objectFit={'cover'}
+                      mt={2}
                     />
-                    <Box w={'100%'} position={'relative'} mt={2} fontSize={'xs'} display={'flex'} flexDirection={'column'} as="span">
-                      <Text as={'span'}>Name: {file?.name}</Text>
-                      <Text as={'span'} fontSize={'xs'}>File size: {bytesToMB(file?.size)}</Text>
-                      <Text as={'span'} fontSize={'xs'}>Last update: {formatTimestampInGulfTimezone(file?.lastModified)}</Text>
-                      <Icon onClick={() => handleRemove()} _hover={{ bg: "gray.100" }} transition={'all 0-5s'} cursor={'pointer'} position={'absolute'} right={0} p={1} bottom={0} rounded={'lg'} boxSize={7} as={IoMdRemoveCircleOutline} />
-                    </Box>
-                  </>
-                )}
-                {found && !preview && (
-                  <Image
-                    rounded={"md"}
-                    src={
-                      import.meta.env.VITE_IMAGE_URL +
-                      watch()?.artifactPathName
-                    }
-                    alt="Image Preview"
-                    mt={2}
-                  />
-                )}
-              </FormControl>
-            </Stack>
-          </DrawerBody>
+                  )}
+                </FormControl>
+              </Stack>
+            </DrawerBody>
 
-          <DrawerFooter>
-            <Button
-              variant="outline"
-              colorScheme={"forestGreen"}
-              rounded={"sm"}
-              size={"sm"}
-              mr={3}
-              onClick={handleClose}
-            >
-              Cancel
-            </Button>
+            <DrawerFooter mt={5}>
+              <Button
+                variant="outline"
+                colorScheme={"forestGreen"}
+                rounded={"sm"}
+                size={"sm"}
+                mr={3}
+                onClick={handleClose}
+              >
+                Cancel
+              </Button>
 
-            <Button
-              colorScheme={"forestGreen"}
-              rounded={"sm"}
-              size={"sm"}
-              onClick={() => setAlert(true)}
-            >
-              Save
-            </Button>
-          </DrawerFooter>
+              <Button
+                colorScheme={"forestGreen"}
+                rounded={"sm"}
+                size={"sm"}
+                onClick={() => setAlert(true)}
+                // type="submit"
+              >
+                Save
+              </Button>
+            </DrawerFooter>
+          </Box>
         </DrawerContent>
       </Drawer>
       <CustomAlertDialog
diff --git a/src/Pages/IO_Management/IOArtifactsVideo.jsx b/src/Pages/IO_Management/IOArtifactsVideo.jsx
index fa77f1b..0c56fad 100644
--- a/src/Pages/IO_Management/IOArtifactsVideo.jsx
+++ b/src/Pages/IO_Management/IOArtifactsVideo.jsx
@@ -30,6 +30,7 @@ import CustomAlertDialog from "../../Components/CustomAlertDialog";
     const [alert, setAlert] = useState(false);
   
     const {
+      reset,
       control,
       handleSubmit,
       formState: { errors },
@@ -75,7 +76,7 @@ import CustomAlertDialog from "../../Components/CustomAlertDialog";
                   size={"sm"} 
                 />
               </FormControl>
-              <FormControl mb={4}>
+              <FormControl mb={4}> 
                 <FormLabel fontSize={"sm"}>Vimeo video link *</FormLabel>
                 <Input
                   value={file}
diff --git a/src/Pages/IO_Management/ViewIO/ViewIOTable.jsx b/src/Pages/IO_Management/ViewIO/ViewIOTable.jsx
index 05aae13..4c28d0e 100644
--- a/src/Pages/IO_Management/ViewIO/ViewIOTable.jsx
+++ b/src/Pages/IO_Management/ViewIO/ViewIOTable.jsx
@@ -126,7 +126,7 @@ const ViewIOTable = () => {
         {/* {item.id} */}
         {generateSerialNumber(idx, currentPage, pageSize)}
       </Text>
-    ),
+    ), 
     "IO ID": (
       <Box w={"auto"} isTruncated={true}>
         <Text as={"span"} color={"teal.900"} fontWeight={"500"}>
diff --git a/src/Pages/Master/ExchangeRate/ExchangeRate.jsx b/src/Pages/Master/ExchangeRate/ExchangeRate.jsx
index b223e76..5eba4eb 100644
--- a/src/Pages/Master/ExchangeRate/ExchangeRate.jsx
+++ b/src/Pages/Master/ExchangeRate/ExchangeRate.jsx
@@ -50,7 +50,6 @@ const ExchangeRate = () => {
   const [mouseEntered, setMouseEntered] = useState(false);
   const [mouseEnteredId, setMouseEnteredId] = useState("");
 
-
   const { isOpen, onOpen, onClose } = useDisclosure();
 
   // ===============================[ Paginations ]
@@ -65,6 +64,15 @@ const ExchangeRate = () => {
 
   console.log(data?.data);
 
+
+  const filteredData = data?.data?.filter((item) => {
+    const name = item?.fromCurrency?.currencyCode;
+    const searchLower = searchTerm.toLowerCase();
+    const nameMatches = name.toLowerCase().includes(searchLower);
+
+    return nameMatches;
+  });
+
   // ====================================================[Table Setup]================================================================
   const tableHeadRow = [
     "Sr.No",
@@ -75,7 +83,7 @@ const ExchangeRate = () => {
     "Action",
   ];
 
-  const extractedArray = data?.data?.map((item, index) => ({
+  const extractedArray = filteredData?.map((item, index) => ({
     "Sr.No": (
       <Text
         justifyContent={slideFromRight ? "right" : "left"}
@@ -137,34 +145,34 @@ const ExchangeRate = () => {
       //   Edit
       // </Button>
       <Box display={"flex"} justifyContent={"center"} gap={2}>
-           <Tooltip
-        rounded={"sm"}
-        fontSize={"xs"}
-        label="Edit"
-        bg="#fff"
-        color={"blue.500"}
-        placement="top"
-      >
-        <Button
-          ref={btnRef}
-          onClick={()=>{
-            setActionId(item?.id)
-            onOpen()
-          }}
-          // _hover={{ color: "blue.500" }}
-          // transition={"0.5s all"}
-          // color="blue.400"
-          colorScheme="blue"
-          size={"xs"}
-          // size={{base:'xs', lg:'sm'}}
+        <Tooltip
           rounded={"sm"}
-          display={"flex"}
-          alignItems={"center"}
-          gap={1}
+          fontSize={"xs"}
+          label="Edit"
+          bg="#fff"
+          color={"blue.500"}
+          placement="top"
         >
-          <EditIcon />
-        </Button>
-      </Tooltip>
+          <Button
+            ref={btnRef}
+            onClick={() => {
+              setActionId(item?.id);
+              onOpen();
+            }}
+            // _hover={{ color: "blue.500" }}
+            // transition={"0.5s all"}
+            // color="blue.400"
+            colorScheme="blue"
+            size={"xs"}
+            // size={{base:'xs', lg:'sm'}}
+            rounded={"sm"}
+            display={"flex"}
+            alignItems={"center"}
+            gap={1}
+          >
+            <EditIcon />
+          </Button>
+        </Tooltip>
         <Tooltip
           rounded={"sm"}
           fontSize={"xs"}
@@ -235,8 +243,6 @@ const ExchangeRate = () => {
         tableHeadRow={tableHeadRow}
         data={extractedArray}
         isLoading={isExchangeRateLoading}
-        // totalPages={10}
-
         setMouseEnteredId={setMouseEnteredId}
         setMouseEntered={setMouseEntered}
       />
@@ -249,18 +255,17 @@ const ExchangeRate = () => {
         isLoading={isLoading}
       />
 
-
-<EditExchangeRate
-          setIsLoading={setIsLoading}
-          id={actionId}
-          setId={setActionId}
-          onClose={onClose}
-          onOpen={onOpen}
-          isOpen={isOpen}
-          btnRef={btnRef}
-          // id={item.id}
-          // updateHistory={updateHistory}
-        />
+      <EditExchangeRate
+        setIsLoading={setIsLoading}
+        id={actionId}
+        setId={setActionId}
+        onClose={onClose}
+        onOpen={onOpen}
+        isOpen={isOpen}
+        btnRef={btnRef}
+        // id={item.id}
+        // updateHistory={updateHistory}
+      />
     </Box>
   );
 };
diff --git a/src/Pages/Master/InvestmentType/InvestmentType.jsx b/src/Pages/Master/InvestmentType/InvestmentType.jsx
index 074f7e6..7bc892b 100644
--- a/src/Pages/Master/InvestmentType/InvestmentType.jsx
+++ b/src/Pages/Master/InvestmentType/InvestmentType.jsx
@@ -92,7 +92,7 @@ const InvestmentType = () => {
     "Action",
   ];
 
-  const extractedArray = filteredData?.map((item, idx) => ({
+  const extractedArray = filteredData?.map((item, index) => ({
     "Sr No": (
       <Text
       w={'24px'}
@@ -102,7 +102,7 @@ const InvestmentType = () => {
         className="d-flex align-items-center fw-bold web-text-small"
       >
         {/* {item.id} */}
-        {generateSerialNumber(idx,currentPage, pageSize )}
+        {generateSerialNumber(index,currentPage, pageSize )}
         
       </Text>),
     "Investment Type": (
@@ -137,7 +137,7 @@ const InvestmentType = () => {
           textOverflow="ellipsis"
           cursor={"grab"}
         >
-          {item.note}
+          {item.note ? item: "---"}
         </Text>
       </Tooltip>
     ),
@@ -145,6 +145,7 @@ const InvestmentType = () => {
       <Box isTruncated={true}>
         <Text as={"span"} fontWeight={"500"}>
           <Badge 
+           bg={index % 2 === 0 ? "#6311cb14" : "#fff"}
             fontWeight={"500"}
             textTransform={"none"}
             color={item.isActive ? "green" : "red"}
diff --git a/src/Pages/Master/Sponser/Sponsers.jsx b/src/Pages/Master/Sponser/Sponsers.jsx
index dbdedef..38fb5ab 100644
--- a/src/Pages/Master/Sponser/Sponsers.jsx
+++ b/src/Pages/Master/Sponser/Sponsers.jsx
@@ -97,7 +97,7 @@ const Sponser = () => {
     "Email Address": (
       <Box isTruncated={true}>
         <Text as={"span"} color={"teal.900"} fontWeight={"500"}>
-          {item.email}
+          {item.email ? item.email : "---" }
         </Text>
       </Box>
     ),