From 4140d61b4d58497c910e9ed7e0056e9e643c291e Mon Sep 17 00:00:00 2001
From: "Siddhesh.More" <siddhesh.more@wdimails.com>
Date: Mon, 4 Nov 2024 15:52:47 +0530
Subject: [PATCH 1/2] update

---
 src/pages/Home.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 5f81e0c..611eda9 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -228,7 +228,7 @@ const toast = useToast()
                   bg={colorMode === "light" ? "#DEDBEB" : "#393939"}
                   color={colorMode === "light" ? "#230A79" : "#fff"}
                   cursor={'pointer'}
-                  onClick={()=>navigate(`/transaction/${searchTerm}`)}
+                  // onClick={()=>navigate(`/transaction/${searchTerm}`)}
                   border={`1px solid ${
                     colorMode === "light" ? "#230A79" : "#565252"
                   }`}

From 83ff4a59eda40eec9767bb97b4f9cc24a18ca42c Mon Sep 17 00:00:00 2001
From: "Siddhesh.More" <siddhesh.more@wdimails.com>
Date: Mon, 4 Nov 2024 17:06:16 +0530
Subject: [PATCH 2/2] update

---
 src/Services/api.service.js                   |  2 +-
 .../FullScreenLoaader/FullScreenLoaader.jsx   |  6 ++---
 .../LatestTransactions/LatestTransactions.jsx |  4 ++-
 src/components/NavBar/NavBar.jsx              |  2 +-
 src/pages/Home.jsx                            |  2 +-
 src/pages/SubnetId.jsx                        | 27 +++++++++++++++++--
 src/pages/Transaction/TransactionDetails.jsx  |  4 +--
 7 files changed, 36 insertions(+), 11 deletions(-)

diff --git a/src/Services/api.service.js b/src/Services/api.service.js
index ba9c4a9..cf4b817 100644
--- a/src/Services/api.service.js
+++ b/src/Services/api.service.js
@@ -96,7 +96,7 @@ export const rubix = createApi({
     // }),
 
     getSubnetAll: builder.query({
-      query: ({ pageNumber = 1, pageSize = 10 }) => `SubNet/GetAllSubnetworks?pageNumber=${pageNumber}&pageSize=${pageSize}?subnetId=${searchTerm || ""}`,
+      query: ({ pageNumber = 1, pageSize = 10, searchTerm }) => `SubNet/GetAllSubnetworks?pageNumber=${pageNumber}&pageSize=${pageSize}&searchFilter=${searchTerm || ""}`,
       providesTags: ["getTransAll"],
     }),
 
diff --git a/src/components/FullScreenLoaader/FullScreenLoaader.jsx b/src/components/FullScreenLoaader/FullScreenLoaader.jsx
index cface8e..8899323 100644
--- a/src/components/FullScreenLoaader/FullScreenLoaader.jsx
+++ b/src/components/FullScreenLoaader/FullScreenLoaader.jsx
@@ -2,15 +2,15 @@ import { Box, Spinner, Text, useColorMode } from "@chakra-ui/react";
 import React from "react";
 import bannerImage from "../../assets/images/bannerImg.png";
 
-const FullScreenLoaader = () => {
+const FullScreenLoaader = ({half}) => {
   const { colorMode } = useColorMode();
   return (
     <Box
-      backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"}
+      backgroundImage={colorMode  !== "light" ? !half&& `url(${bannerImage})` : "none"}
       position={"relative"}
       backgroundSize="contain"
       backgroundRepeat="no-repeat"
-      h={"100vh"}
+      h={half ? "50vh":"100vh"}
       w={"100vw"}
       display={"flex"}
       justifyContent={"center"}
diff --git a/src/components/LatestTransactions/LatestTransactions.jsx b/src/components/LatestTransactions/LatestTransactions.jsx
index 3f4f548..f46d8d1 100644
--- a/src/components/LatestTransactions/LatestTransactions.jsx
+++ b/src/components/LatestTransactions/LatestTransactions.jsx
@@ -7,6 +7,7 @@ import {
   HStack,
   Icon,
   Image,
+  Spinner,
   Text,
   Tooltip,
   VStack,
@@ -27,6 +28,7 @@ import {
 } from "../../Services/api.service";
 import rbtLogoOutline from "../../assets/images/rubix-filled.svg";
 import { HiOutlineRefresh } from "react-icons/hi";
+import FullScreenLoaader from "../FullScreenLoaader/FullScreenLoaader";
 
 // Define the keyframes
 export const rotate = keyframes`
@@ -168,7 +170,7 @@ const LatestTransactions = () => {
     }
   };
   return (
-    <Container
+    isTransCountLoading? <HStack w={'100%'} justifyContent={'center'} > <Spinner color="purple.700" /></HStack>:<Container
       mt={location?.pathname === "/view-all-transaction" ? 24 : 0}
       mb={location?.pathname === "/view-all-transaction" ? 15 : 0}
       maxW="6xl"
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index b2fd945..19ef86b 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -48,7 +48,7 @@ const NavBar = () => {
         // color={colorMode === "light" ? "light" : "light"}
         padding={"16px 0px"}
         borderBottom={colorMode === "light" ? "1px solid #4023A6" : "none"}
-        bg={colorMode === "light"? "#4023A6":""}
+        bg={colorMode === "light"? "#230A79":""}
       >
         <Container maxW="6xl">
           <Box
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 611eda9..3e1a742 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -295,7 +295,7 @@ boxShadow={
           </Box>
         </Container>
       </Box>
-      <Box pb={"3rem"} pt={colorMode!=="light" &&10} bg={colorMode === "light" ? "light.100" : "#101015"}>
+      <Box w={'100%'} pb={"3rem"} pt={colorMode!=="light" &&10} bg={colorMode === "light" ? "light.100" : "#101015"}>
         <Container
           maxW="6xl"
           color="white"
diff --git a/src/pages/SubnetId.jsx b/src/pages/SubnetId.jsx
index 9ead0f0..0bb1992 100644
--- a/src/pages/SubnetId.jsx
+++ b/src/pages/SubnetId.jsx
@@ -24,6 +24,8 @@ import Pagination from "../components/Pagination";
 import { useGetSubnetAllQuery, useGetSubnetCountQuery } from "../Services/api.service";
 import { BiSearch, BiSearchAlt } from "react-icons/bi";
 import { MdArrowRight } from "react-icons/md";
+import Search from '../assets/images/search.png'
+import FullScreenLoaader from "../components/FullScreenLoaader/FullScreenLoaader";
 
 const SubnetId = () => {
   const { subnetId } = useContext(GlobalStateContext);
@@ -38,6 +40,8 @@ const SubnetId = () => {
   const [totalItems, setTotalItems] = useState(null); // Total items in the dataset
   const [lastRefreshedTime, setLastRefreshedTime] = useState(new Date()); // Store the last refresh time
   const [relativeRefreshTime, setRelativeRefreshTime] = useState("Just now"); 
+  const [ searchTerm, setSearchTerm] = useState()
+  const [debouncedSearchTerm, setDebouncedSearchTerm] = useState("");
 
 
 
@@ -46,6 +50,17 @@ const SubnetId = () => {
     isLoading: isSubnetTransLoading
   } = useGetSubnetCountQuery()
 
+    // Debounce the search term to avoid making a request on every keystroke
+    useEffect(() => {
+      const handler = setTimeout(() => {
+        setDebouncedSearchTerm(searchTerm);
+      }, 500); // Adjust delay as needed
+      return () => {
+        clearTimeout(handler);
+      };
+    }, [searchTerm]);
+  
+
 
   const {
     data,
@@ -53,6 +68,7 @@ const SubnetId = () => {
   } = useGetSubnetAllQuery({
     pageNumber: currentPage,
     pageSize: pageSize,
+    searchTerm: debouncedSearchTerm
   })
 
   console.log(data?.data?.items);
@@ -205,7 +221,14 @@ const SubnetId = () => {
       </VStack>
 
       
-      <Container maxW="6xl">
+      {isLoading?<FullScreenLoaader half={true}/>: extractedArray?.length === 0 ? <Box p={"4rem 0"} >
+       <Container maxW="6xl">
+          <HStack justifyContent={"center"} mt={10}>
+            <Image w={"40px"} src={Search}/>
+            <Text as={"span"} color={"#787878"}>No records found</Text>
+          </HStack>
+       </Container>
+    </Box>: <Container maxW="6xl">
         <NormalTable
             emptyMessage={`We don't have any Sponers `}
             tableHeadRow={tableHeadRow}
@@ -220,7 +243,7 @@ const SubnetId = () => {
         setCurrentPage={setCurrentPage}
         currentPage={currentPage}
       />
-      </Container>
+      </Container>}
     </Box>
   );
 };
diff --git a/src/pages/Transaction/TransactionDetails.jsx b/src/pages/Transaction/TransactionDetails.jsx
index d511ea4..259ab1f 100644
--- a/src/pages/Transaction/TransactionDetails.jsx
+++ b/src/pages/Transaction/TransactionDetails.jsx
@@ -645,7 +645,7 @@ const TransactionDetails = () => {
                     mb={2}
                     color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
                   >
-                    Token Link:
+                    Token List:
                   </Text>
                   {data?.data?.tokenList?.map(({value,tokenId })=>
                   <Text
@@ -659,7 +659,7 @@ const TransactionDetails = () => {
                     textOverflow={"ellipsis"}
                     isTruncated
 
-                    fontSize={'sm'}
+                    fontSize={'xs'}
                   >
                     {tokenId}
                   </Text>