From 4eaf0140620a336f59ba164a07d9c8b6695134aa Mon Sep 17 00:00:00 2001
From: "Siddhesh.More" <siddhesh.more@wdimails.com>
Date: Tue, 5 Nov 2024 15:32:18 +0530
Subject: [PATCH 1/3] upate

---
 src/pages/MainNet.jsx  | 5 +++--
 src/pages/SubnetId.jsx | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/MainNet.jsx b/src/pages/MainNet.jsx
index d665026..50c9761 100644
--- a/src/pages/MainNet.jsx
+++ b/src/pages/MainNet.jsx
@@ -135,7 +135,7 @@ const MainNet = () => {
         color="white"
         display={{ base: "block", md: "flex" }}
         justifyContent={"space-between"}
-        mb={10}
+        mb={6}
       >
         <Heading
           fontSize={"md"}
@@ -146,7 +146,8 @@ const MainNet = () => {
           Main Net - Overview
         </Heading>
         <HStack to="" style={{ fontSize: "14px" }} color={colorMode === "light" ? "#000" : "#fff"} display={"flex"} gap={"3"}>
-          <Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{Number(mainNetData?.data?.tvl).toFixed(3)} RBT</Text>
+          {/* <Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{Number(mainNetData?.data?.tvl).toFixed(3)} RBT</Text> */}
+          <Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{mainNetData?.data?.tvl} $ Mn</Text>
         </HStack>
       </Container>
       <Box>
diff --git a/src/pages/SubnetId.jsx b/src/pages/SubnetId.jsx
index a4ce62a..573511b 100644
--- a/src/pages/SubnetId.jsx
+++ b/src/pages/SubnetId.jsx
@@ -125,7 +125,7 @@ const SubnetId = () => {
         color="white"
         display={{ base: "block", md: "flex" }}
         justifyContent={"space-between"}
-        mb={10}
+        mb={5}
         
       >
         <Heading

From e3c588fb4a9ca2cb80ef6fbd52a5955a8cba8c2a Mon Sep 17 00:00:00 2001
From: "Siddhesh.More" <siddhesh.more@wdimails.com>
Date: Tue, 5 Nov 2024 16:03:51 +0530
Subject: [PATCH 2/3] updatd

---
 src/pages/DidInfo.jsx                        |  6 +++--
 src/pages/SubnetIdOverview.jsx               |  8 ++++---
 src/pages/Transaction/TransactionDetails.jsx | 23 +++++++++++---------
 3 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/pages/DidInfo.jsx b/src/pages/DidInfo.jsx
index 8922fd6..1333902 100644
--- a/src/pages/DidInfo.jsx
+++ b/src/pages/DidInfo.jsx
@@ -21,6 +21,7 @@ import rbtLogoOutline from "../assets/images/rubix-filled.svg";
 import Search from '../assets/images/search.png'
 import FullScreenLoaader from "../components/FullScreenLoaader/FullScreenLoaader";
 import { OPACITY_ON_LOAD } from "../Layout/animations";
+import rbtLogoDark from "../assets/images/RBTLogo.svg";
 
 const DidInfo = () => {
 
@@ -126,7 +127,8 @@ const DidInfo = () => {
             mb={5}
             rounded={6}
           >
-            <Text color={"#969696"} fontSize={"sm"}>
+            <Text 
+            color={colorMode === "light" ? "#000" : "#969696"} fontSize={"sm"}>
               DID
             </Text>
             <HStack fontSize={"sm"} >
@@ -163,7 +165,7 @@ const DidInfo = () => {
               <Text 
                 display={"flex"}
                 gap={2}
-                alignItems={"center"} ><Image w={4} src={rbtLogoOutline} /> {data?.data?.balance}</Text>
+                alignItems={"center"} ><Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline} /> {data?.data?.balance}</Text>
               <Text as={"span"} ml={5} cursor={"pointer"}>
                 {/* <MdContentCopy
                   onClick={() => copyToClipboard(transaction.sender)}
diff --git a/src/pages/SubnetIdOverview.jsx b/src/pages/SubnetIdOverview.jsx
index abd67b0..9ffa117 100644
--- a/src/pages/SubnetIdOverview.jsx
+++ b/src/pages/SubnetIdOverview.jsx
@@ -13,6 +13,7 @@ import { rotate } from "../components/LatestTransactions/LatestTransactions";
 import Search from '../assets/images/search.png'
 import { formatUTCToDDMMYYHHMMSS } from "../Constants/Constants";
 import FullScreenLoaader from "../components/FullScreenLoaader/FullScreenLoaader";
+import rbtLogoDark from "../assets/images/RBTLogo.svg";
 
 const SubnetInner = () => {
 
@@ -138,7 +139,8 @@ const SubnetInner = () => {
         Subnet ID  - {params?.id}
         </Heading>
         <HStack to="" style={{ fontSize: "14px" }} color={colorMode === "light" ? "#000" : "#fff"} display={"flex"} gap={"3"}>
-          <Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{Number(data?.data?.tvl).toFixed(3)} RBT</Text>
+          {/* <Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{Number(data?.data?.tvl).toFixed(3)} RBT</Text> */}
+          <Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{data?.data?.tvl} $ Mn</Text>
         </HStack>
         {/* <Text to="" style={{ fontSize: "14px" }} color={colorMode === "light" ? "#000" : "#fff"} display={"flex"} gap={"3"}>
           View total number of records
@@ -549,7 +551,7 @@ const SubnetInner = () => {
                       alignItems={"center"}
                       color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     >
-                      <Image w={4} src={rbtLogoOutline} />
+                      <Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline}/>
                       {amount}
                     </Text>
                   </Box>}
@@ -568,7 +570,7 @@ const SubnetInner = () => {
                       alignItems={"center"}
                       color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     >
-                      <Image w={4} src={rbtLogoOutline} />
+                      <Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline}/>
                       {pledgeAmount}
                     </Text>
                   </Box>}
diff --git a/src/pages/Transaction/TransactionDetails.jsx b/src/pages/Transaction/TransactionDetails.jsx
index 29bb0b3..69c1bf7 100644
--- a/src/pages/Transaction/TransactionDetails.jsx
+++ b/src/pages/Transaction/TransactionDetails.jsx
@@ -22,6 +22,7 @@ import TransactionTable from "./TransactionTable";
 import { useGetTransByIdQuery } from "../../Services/api.service";
 // import rbtLogoOutline from "../../src/assets/images/rubix-filled.svg";
 import rbtLogoOutline from "../../assets/images/rubix-filled.svg";
+import rbtLogoDark from "../../assets/images/RBTLogo.svg";
 import { formatUTCToDDMMYYHHMMSS } from "../../Constants/Constants";
 import NormalTable from "../../components/DataTable/NormalTable";
 
@@ -139,7 +140,7 @@ const TransactionDetails = () => {
           <HStack justifyContent={"space-between"} alignItems={"center"} mb={3}>
             <Heading
               mb={5}
-              fontSize={"sm"}
+              fontSize={"md"}
               fontWeight={400}
               as={"span"}
               color={colorMode === "light" ? "#000" : "#fff"}
@@ -160,7 +161,7 @@ const TransactionDetails = () => {
             mb={5}
             rounded={6}
           >
-            <Text color={"#969696"} fontSize={"sm"}>
+            <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"} fontSize={"sm"}>
               Transaction ID
             </Text>
             <HStack fontSize={"sm"}>
@@ -245,7 +246,7 @@ const TransactionDetails = () => {
               <Box
                 fontSize={"sm"}
                 gap={4}
-                mb={2}
+                mb={4}
                 // display={{ base: "block", md: "flex" }}
               >
                 <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
@@ -261,6 +262,7 @@ const TransactionDetails = () => {
                     whiteSpace={"nowrap"} // Prevent the text from wrapping
                     textOverflow={"ellipsis"}
                     isTruncated
+                    fontSize={'sm'}
                   >
                     {data?.data?.blockHash}
                   </Text>
@@ -300,6 +302,7 @@ const TransactionDetails = () => {
                     textOverflow={"ellipsis"}
                     isTruncated
                     cursor={"pointer"}
+                    
                   >
                     {data?.data?.blockNumber}
                     {/* hello */}
@@ -323,8 +326,8 @@ const TransactionDetails = () => {
 
 {data?.data?.transactionType==="RBT" &&<Box>
                   <Text
-                    mb={2}
-                    color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
+                    mb={0}
+                    color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}
                   >
                     Token List:
                   </Text>
@@ -340,7 +343,7 @@ const TransactionDetails = () => {
                     textOverflow={"ellipsis"}
                     isTruncated
 
-                    fontSize={'xs'}
+                    fontSize={'sm'}
                   >
                     {tokenId}
                   </Text>
@@ -640,7 +643,7 @@ const TransactionDetails = () => {
                     alignItems={"center"}
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                   >
-                    <Image w={4} src={rbtLogoOutline} />
+                    <Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline} />
                     {data?.data?.amount}
                   </Text>
                 </Box>
@@ -660,7 +663,7 @@ const TransactionDetails = () => {
                     alignItems={"center"}
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                   >
-                    <Image w={4} src={rbtLogoOutline} />
+                    <Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline} />
                     {data?.data?.pledgeAmount}
                   </Text>
                 </Box>
@@ -668,7 +671,7 @@ const TransactionDetails = () => {
               {data?.data?.timestamp && (
                 <Box>
                   <Text>Timestamp</Text>
-                  <Text color={"#A1A1A1"}>
+                  <Text color={"#555"}>
                     {formatUTCToDDMMYYHHMMSS(data?.data?.timestamp)}
                   </Text>
                 </Box>
@@ -696,7 +699,7 @@ const TransactionDetails = () => {
                     textOverflow={"ellipsis"}
                     isTruncated
 
-                    fontSize={'xs'}
+                    fontSize={'sm'}
                   >
                     {tokenId}
                   </Text>

From 8428b3495e1e56613f16f3b492c4194a4d33610f Mon Sep 17 00:00:00 2001
From: "Siddhesh.More" <siddhesh.more@wdimails.com>
Date: Tue, 5 Nov 2024 16:11:42 +0530
Subject: [PATCH 3/3] update

---
 src/pages/MainNet.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/MainNet.jsx b/src/pages/MainNet.jsx
index 4239c45..c50a4e6 100644
--- a/src/pages/MainNet.jsx
+++ b/src/pages/MainNet.jsx
@@ -30,6 +30,7 @@ import rbtLogoOutline from "../assets/images/rubix-filled.svg";
 import FullScreenLoaader from "../components/FullScreenLoaader/FullScreenLoaader";
 import { OPACITY_ON_LOAD } from "../Layout/animations";
 import { HiOutlineRefresh } from "react-icons/hi";
+import rbtLogoDark from "../assets/images/RBTLogo.svg";
 import { rotate } from "../components/LatestTransactions/LatestTransactions";
 
 const MainNet = () => {
@@ -537,7 +538,7 @@ const MainNet = () => {
                       alignItems={"center"}
                       color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     >
-                      <Image w={4} src={rbtLogoOutline} />
+                      <Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline} />
                       {amount}
                     </Text>
                   </Box>}
@@ -556,7 +557,7 @@ const MainNet = () => {
                       alignItems={"center"}
                       color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     >
-                      <Image w={4} src={rbtLogoOutline} />
+                      <Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline} />
                       {pledgeAmount}
                     </Text>
                   </Box>}