From 4f8916036edc292fb7ecfc6c8e3c1ab484da7557 Mon Sep 17 00:00:00 2001
From: Swapnil Bendal <84583651+Swapnil155@users.noreply.github.com>
Date: Mon, 25 Nov 2024 16:45:52 +0530
Subject: [PATCH] [update] - condition on pending request for checkers

---
 .../CreateIO/IOCashDetails/IOCashDetails.jsx  |  9 ++++++--
 .../CreateIO/IONAVDetails/IONAVDetails.jsx    | 12 +++++-----
 .../CreateIO/IOTransaction/IOTransaction.jsx  | 22 +++++++++++--------
 3 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/src/Pages/IO_Management/CreateIO/IOCashDetails/IOCashDetails.jsx b/src/Pages/IO_Management/CreateIO/IOCashDetails/IOCashDetails.jsx
index 1b2fff1..f7fb367 100644
--- a/src/Pages/IO_Management/CreateIO/IOCashDetails/IOCashDetails.jsx
+++ b/src/Pages/IO_Management/CreateIO/IOCashDetails/IOCashDetails.jsx
@@ -85,9 +85,14 @@ const IOCashDetails = () => {
               }}
             >
               Pending{" "}
-              <Badge rounded={"sm"} colorScheme="forestGreen" ms={2}>
+              {IODetails?.ioCashStatusHistory?.Pending.length > 0 && (
+                <Badge rounded={"sm"} colorScheme="forestGreen" ms={2}>
+                  {IODetails?.ioCashStatusHistory?.Pending.length || 0}
+                </Badge>
+              )}
+              {/* <Badge rounded={"sm"} colorScheme="forestGreen" ms={2}>
                 {IODetails?.ioCashStatusHistory?.Pending.length || 0}
-              </Badge>
+              </Badge> */}
             </Tab>
             <Tab
               fontSize={"sm"}
diff --git a/src/Pages/IO_Management/CreateIO/IONAVDetails/IONAVDetails.jsx b/src/Pages/IO_Management/CreateIO/IONAVDetails/IONAVDetails.jsx
index b2d8959..5aca373 100644
--- a/src/Pages/IO_Management/CreateIO/IONAVDetails/IONAVDetails.jsx
+++ b/src/Pages/IO_Management/CreateIO/IONAVDetails/IONAVDetails.jsx
@@ -135,13 +135,11 @@ const IONAVDetails = () => {
               }}
             >
               Pending
-              <Badge
-                rounded={"sm"}
-                colorScheme="forestGreen"
-                ms={2}
-              >
-                {IODetails?.ioNAVStatusHistory?.Pending.length || 0}
-              </Badge>
+              {IODetails?.ioNAVStatusHistory?.Pending.length > 0 && (
+                <Badge rounded={"sm"} colorScheme="forestGreen" ms={2}>
+                  {IODetails?.ioNAVStatusHistory?.Pending.length || 0}
+                </Badge>
+              )}
             </Tab>
             <Tab
               fontSize={"sm"}
diff --git a/src/Pages/IO_Management/CreateIO/IOTransaction/IOTransaction.jsx b/src/Pages/IO_Management/CreateIO/IOTransaction/IOTransaction.jsx
index 5b195ff..265a638 100644
--- a/src/Pages/IO_Management/CreateIO/IOTransaction/IOTransaction.jsx
+++ b/src/Pages/IO_Management/CreateIO/IOTransaction/IOTransaction.jsx
@@ -1,4 +1,11 @@
-import { Badge, Tab, TabList, TabPanel, TabPanels, Tabs } from "@chakra-ui/react";
+import {
+  Badge,
+  Tab,
+  TabList,
+  TabPanel,
+  TabPanels,
+  Tabs,
+} from "@chakra-ui/react";
 import React, { useContext } from "react";
 import Approved from "./Approved";
 import Pending from "./Pending";
@@ -6,7 +13,6 @@ import Rejected from "./Rejected";
 import GlobalStateContext from "../../../../Contexts/GlobalStateContext";
 
 const IOTransaction = () => {
-  
   const { IODetails } = useContext(GlobalStateContext);
   return (
     <Tabs>
@@ -28,13 +34,11 @@ const IOTransaction = () => {
           }}
         >
           Pending
-          <Badge
-                rounded={"sm"}
-                colorScheme="forestGreen"
-                ms={2}
-              >
-                {IODetails?.ioTransactionRecords?.Pending.length || 0}
-              </Badge>
+          {IODetails?.ioTransactionRecords?.Pending.length > 0 && (
+            <Badge rounded={"sm"} colorScheme="forestGreen" ms={2}>
+              {IODetails?.ioTransactionRecords?.Pending.length || 0}
+            </Badge>
+          )}
         </Tab>
         <Tab
           fontSize={"sm"}