Siddhesh.More/rubix-explore
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://git.wdipl.com/Siddhesh.More/rubix-explore

Browse Source
This commit is contained in:
YasinShaikh123
2024-11-05 16:12:37 +05:30
parent c5e7343cee 8428b3495e
commit e1fedee9da
5 changed files with 29 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/DidInfo.jsx
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)}

10
src/pages/MainNet.jsx
View File

@@ -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 = () => {
@@ -136,7 +137,7 @@ const MainNet = () => {
color="white"
display={{ base: "block", md: "flex" }}
justifyContent={"space-between"}
mb={10}
mb={6}
>
<Heading
fontSize={"md"}
@@ -147,7 +148,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>
@@ -537,7 +539,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 +558,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>}

2
src/pages/SubnetId.jsx
View File

@@ -127,7 +127,7 @@ const SubnetId = () => {
color="white"
display={{ base: "block", md: "flex" }}
justifyContent={"space-between"}
mb={10}
mb={5}
>
<Heading

8
src/pages/SubnetIdOverview.jsx
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>}

23
src/pages/Transaction/TransactionDetails.jsx
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";
@@ -140,7 +141,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"}
@@ -161,7 +162,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"}>
@@ -246,7 +247,7 @@ const TransactionDetails = () => {
<Box
fontSize={"sm"}
gap={4}
mb={2}
mb={4}
// display={{ base: "block", md: "flex" }}
>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
@@ -262,6 +263,7 @@ const TransactionDetails = () => {
whiteSpace={"nowrap"} // Prevent the text from wrapping
textOverflow={"ellipsis"}
isTruncated
fontSize={'sm'}
>
{data?.data?.blockHash}
</Text>
@@ -301,6 +303,7 @@ const TransactionDetails = () => {
textOverflow={"ellipsis"}
isTruncated
cursor={"pointer"}
>
{data?.data?.blockNumber}
{/* hello */}
@@ -324,8 +327,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>
@@ -341,7 +344,7 @@ const TransactionDetails = () => {
textOverflow={"ellipsis"}
isTruncated
fontSize={'xs'}
fontSize={'sm'}
>
{tokenId}
</Text>
@@ -641,7 +644,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>
@@ -661,7 +664,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>
@@ -669,7 +672,7 @@ const TransactionDetails = () => {
{data?.data?.timestamp && (
<Box>
<Text>Timestamp</Text>
<Text color={"#A1A1A1"}>
<Text color={"#555"}>
{formatUTCToDDMMYYHHMMSS(data?.data?.timestamp)}
</Text>
</Box>
@@ -697,7 +700,7 @@ const TransactionDetails = () => {
textOverflow={"ellipsis"}
isTruncated
fontSize={'xs'}
fontSize={'sm'}
>
{tokenId}
</Text>