Merge pull request 'updaste' (#17) from Yasin into release/sprint-8

Reviewed-on: #17

src/Pages/IO_Management/CreateIO/IOCashDetails/AddCaseDetails.jsx

@@ -36,7 +36,7 @@ const cashDetails = yup.object().shape({
   comments: yup.string().notRequired(),
 });
 
-const AddCaseDetails = ({ isOpen, onClose, firstField, actionId, setActionId, data }) => {
+const AddCaseDetails = ({ isOpen, onClose, firstField, actionId, setActionId, data, setActiveTab }) => {
   const params = useParams() 
   const id = params?.id
   const [file, setFile] = useState("");
@@ -88,6 +88,7 @@ const AddCaseDetails = ({ isOpen, onClose, firstField, actionId, setActionId, da
           render: () => <ToastBox message={res?.data?.message} />,
         });
         handleClose()
+        setActiveTab(1)
       }else if(res?.error){
         setIsLoading(false);
         toast({

src/Pages/IO_Management/CreateIO/IOCashDetails/IOCashDetails.jsx

@@ -9,7 +9,7 @@ import {
   useDisclosure,
   useToast,
 } from "@chakra-ui/react";
-import React, { useContext, useRef } from "react";
+import React, { useContext, useRef, useState } from "react";
 import Approved from "./Approved";
 import Pending from "./Pending";
 import Rejected from "./Rejected";
@@ -29,6 +29,7 @@ const IOCashDetails = () => {
   const firstField = useRef();
 
   const [updateIOCase] = useUpdateIOCaseMutation();
+  const [activeTab, setActiveTab] = useState(0);
 
   const handleAdd = async () => {
     
@@ -56,7 +57,7 @@ const IOCashDetails = () => {
 
   return (
     <Box>
-    <Tabs variant='unstyled'>
+    <Tabs index={activeTab} onChange={(index) => setActiveTab(index)} variant='unstyled'>
       <Box
         display={"flex"}
         justifyContent={"space-between"}
@@ -119,6 +120,7 @@ const IOCashDetails = () => {
       </TabPanels>
     </Tabs>
     <AddCaseDetails
+    setActiveTab={setActiveTab}
         isOpen={isOpen}
         onClose={onClose}
         firstField={firstField}