This commit is contained in:
2024-11-05 16:03:51 +05:30
parent 69e743c84c
commit e3c588fb4a
3 changed files with 22 additions and 15 deletions

View File

@@ -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)}

View File

@@ -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>}

View File

@@ -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>