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

update

Browse Source
This commit is contained in:
Siddhesh More
2024-11-04 15:18:01 +05:30
parent f59a989eaf
commit e49ce6e0d2
6 changed files with 405 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dev-dist/sw.js
View File

@@ -82,7 +82,7 @@ define(['./workbox-b5f7729d'], (function (workbox) { 'use strict';
"revision": "3ca0b8505b4bec776b69afdba2768812"
}, {
"url": "index.html",
"revision": "0.6b12fkst04g"
"revision": "0.tf8v4fmkk8g"
}], {});
workbox.cleanupOutdatedCaches();
workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

2
src/components/Doughnut/LineChart.jsx
View File

@@ -180,7 +180,7 @@ const LineChart = () => {
// max: maxYValue, // Dynamically set max value
beginAtZero: true,
ticks: {
callback: (value) => value / 1000 + "k",
callback: (value) => value ,
},
grid: {
border: false,

182
src/components/LatestTransactions/LatestTransactions.jsx
View File

@@ -241,6 +241,14 @@ const LatestTransactions = () => {
amount,
transactionType,
subNetworkId,
executor,
deployer,
creator,
pledgeAmount,
scTokenHash
},
index
) => (
@@ -300,7 +308,7 @@ const LatestTransactions = () => {
</Text>
</Text>
<HStack
{sender&&<HStack
fontSize={{ base: "xs", md: "sm" }}
gap={{ base: 2, md: 4 }}
mb={2}
@@ -339,8 +347,8 @@ const LatestTransactions = () => {
<MdContentCopy onClick={() => copyToClipboard(sender)} />
</Text>
</HStack>
</HStack>
<HStack
</HStack>}
{receiver&&<HStack
fontSize={{ base: "xs", md: "sm" }}
cursor={"pointer"}
gap={{ base: 2, md: 4 }}
@@ -378,20 +386,147 @@ const LatestTransactions = () => {
/>
</Text>
</HStack>
</HStack>
</HStack>}
{creator&&<HStack
fontSize={{ base: "xs", md: "sm" }}
cursor={"pointer"}
gap={{ base: 2, md: 4 }}
mb={3}
>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Creator:
</Text>
<HStack
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
textDecoration={"underline"}
fontSize={{ base: "xs", md: "sm" }}
>
<Text
cursor={"pointer"}
maxW={{ base: "55%", md: "100%" }}
whiteSpace={"nowrap"} // Prevent the text from wrapping
textOverflow={"ellipsis"}
isTruncated
onClick={() => navigate(`/did-info/${creator}`)}
>
{creator}
</Text>
<Text
_hover={{ bg: "gray.50" }}
transition={"0.5s"}
rounded={"sm"}
p={1}
as={"span"}
ml={1}
cursor={"pointer"}
>
<MdContentCopy
onClick={() => copyToClipboard(creator)}
/>
</Text>
</HStack>
</HStack>}
{executor&&<HStack
fontSize={{ base: "xs", md: "sm" }}
cursor={"pointer"}
gap={{ base: 2, md: 4 }}
mb={3}
>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Executor:
</Text>
<HStack
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
textDecoration={"underline"}
fontSize={{ base: "xs", md: "sm" }}
>
<Text
cursor={"pointer"}
maxW={{ base: "55%", md: "100%" }}
whiteSpace={"nowrap"} // Prevent the text from wrapping
textOverflow={"ellipsis"}
isTruncated
onClick={() => navigate(`/did-info/${executor}`)}
>
{executor}
</Text>
<Text
_hover={{ bg: "gray.50" }}
transition={"0.5s"}
rounded={"sm"}
p={1}
as={"span"}
ml={1}
cursor={"pointer"}
>
<MdContentCopy
onClick={() => copyToClipboard(executor)}
/>
</Text>
</HStack>
</HStack>}
{deployer&&<HStack
fontSize={{ base: "xs", md: "sm" }}
cursor={"pointer"}
gap={{ base: 2, md: 4 }}
mb={3}
>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Deployer:
</Text>
<HStack
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
textDecoration={"underline"}
fontSize={{ base: "xs", md: "sm" }}
>
<Text
cursor={"pointer"}
maxW={{ base: "55%", md: "100%" }}
whiteSpace={"nowrap"} // Prevent the text from wrapping
textOverflow={"ellipsis"}
isTruncated
onClick={() => navigate(`/did-info/${deployer}`)}
>
{deployer}
</Text>
<Text
_hover={{ bg: "gray.50" }}
transition={"0.5s"}
rounded={"sm"}
p={1}
as={"span"}
ml={1}
cursor={"pointer"}
>
<MdContentCopy
onClick={() => copyToClipboard(deployer)}
/>
</Text>
</HStack>
</HStack>}
<HStack
flexDirection={{ base: "column", md: "row" }}
justifyContent={{ base: "", md: "flex-start" }}
gap={{base:4,md:44}}
justifyContent={{ base: "", md: scTokenHash?"space-between" :"flex-start" }}
gap={{base:4,md:scTokenHash ? 4:44}}
alignItems={{ base: "flex-start", md: "" }}
// flexWrap={'wrap'}
// w={"80%"}
w={{ base: "100%", md: "80%" }}
w={{ base: "100%", md:scTokenHash?"90%": "80%" }}
fontSize={{ base: "xs", md: "sm" }}
mb={3}
>
{smartContract && (
{scTokenHash && (
<Box>
<Text
mb={2}
@@ -403,10 +538,11 @@ const LatestTransactions = () => {
<Text
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
>
<Link to="/smart-contract">{smartContract}</Link>
<Link to="/smart-contract">{scTokenHash}</Link>
</Text>
</Box>
)}
<Box>
<Text
mb={2}
@@ -418,7 +554,10 @@ const LatestTransactions = () => {
{formatUTCToDDMMYYHHMMSS(timestamp)}
</Text>
</Box>
<Box>
{amount&&<Box>
<Text
mb={2}
color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
@@ -434,7 +573,28 @@ const LatestTransactions = () => {
<Image w={4} src={rbtLogoOutline} />
{amount}
</Text>
</Box>
</Box>}
{pledgeAmount&&<Box>
<Text
mb={2}
color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
>
Pledge Amount:
</Text>
<Text
display={"flex"}
gap={2}
alignItems={"center"}
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
>
<Image w={4} src={rbtLogoOutline} />
{pledgeAmount}
</Text>
</Box>}
</HStack>
<HStack

4
src/pages/Home.jsx
View File

@@ -61,7 +61,7 @@ const toast = useToast()
// }
// };
// function copyToClipboard(text) {
// if (!navigator.clipboard) {
// console.error("Clipboard API is not available.");
@@ -93,6 +93,7 @@ const toast = useToast()
<ToastBox status={"warn"} message={"Text copied to clipboard"} />
),
});
setIsCopy(true)
})
.catch((err) => {
console.error("Failed to copy text: ", err);
@@ -110,6 +111,7 @@ const toast = useToast()
<ToastBox status={"warn"} message={"Text copied to clipboard"} />
),
});
setIsCopy(true)
} catch (err) {
console.error("Fallback: Failed to copy text: ", err);
}

2
src/pages/SubnetIdOverview.jsx
View File

@@ -110,7 +110,7 @@ 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"}>{data?.data?.tvl} RBT</Text>
<Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{Number(data?.data?.tvl).toFixed(3)} RBT</Text>
</HStack>
{/* <Text to="" style={{ fontSize: "14px" }} color={colorMode === "light" ? "#000" : "#fff"} display={"flex"} gap={"3"}>
View total number of records

239
src/pages/Transaction/TransactionDetails.jsx
View File

@@ -1,5 +1,6 @@
import {
Box,
Button,
Container,
Divider,
Heading,
@@ -94,6 +95,12 @@ const TransactionDetails = () => {
),
}));
console.log(data?.data?.blockNumber );
const fullUrl = window.location.href;
console.log(fullUrl);
return (
<>
<Box
@@ -103,14 +110,18 @@ const TransactionDetails = () => {
pb={"5rem"}
>
<Container maxW="6xl" pt={"6rem"}>
<HStack justifyContent={'space-between'} alignItems={'center'} mb={3}>
<Heading
mb={5}
fontSize={"sm"}
fontWeight={400}
as={'span'}
color={colorMode === "light" ? "#000" : "#fff"}
>
Transaction Info
{data?.data?.transactionType === "SC" ? "Smart Contract Info":"Transaction Info"}
</Heading>
<Button size={'sm'}>Generate short url</Button>
</HStack>
<Box
boxShadow={colorMode === "light" && "md"}
bg={colorMode === "light" ? "#F3F3F3" : "#1D1D1D"}
@@ -121,7 +132,7 @@ const TransactionDetails = () => {
<Text color={"#969696"} fontSize={"sm"}>
Transaction ID
</Text>
<HStack fontSize={"sm"}>
<HStack fontSize={"sm"}>
<HStack
isTruncated
color={colorMode === "light" ? "gray.400" : "gray.100"}
@@ -145,13 +156,15 @@ const TransactionDetails = () => {
cursor={"pointer"}
>
<MdContentCopy
onClick={() => copyToClipboard(filteredData.sender)}
onClick={() => copyToClipboard(data?.data?.transactionId)}
/>
</Text>
</HStack>
</HStack>
<Divider mt={4} mb={5} />
{data?.data["tokenList"] && data?.data?.blockHash && (
<Text
fontSize={"md"}
mb={2}
@@ -159,8 +172,8 @@ const TransactionDetails = () => {
>
Token Information
</Text>
)}
{data?.data?.tokenList && (
{data?.data?.scTokenHash && (
<Box
fontSize={"sm"}
gap={4}
@@ -168,7 +181,7 @@ const TransactionDetails = () => {
display={{ base: "block", md: "flex" }}
>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Token ID :
Token Hash :
</Text>
<HStack
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
@@ -180,7 +193,7 @@ const TransactionDetails = () => {
isTruncated
cursor={"pointer"}
>
{data?.data?.tokenList["0"].tokenId}
{data?.data?.scTokenHash}
</Text>
<Text
_hover={{ bg: "gray.50" }}
@@ -193,7 +206,7 @@ const TransactionDetails = () => {
>
<MdContentCopy
onClick={() =>
copyToClipboard(data?.data?.tokenList["0"].tokenId)
copyToClipboard(data?.data?.scTokenHash)
}
/>
</Text>
@@ -239,6 +252,48 @@ const TransactionDetails = () => {
</Text>
</Box>
)}
{data?.data?.transactionType === "SC" &&(
<Box
fontSize={"sm"}
gap={4}
mb={2}
display={{ base: "block", md: "flex" }}
>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Block number:
</Text>
<HStack
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
textDecoration={"underline"}
>
<Text
whiteSpace={"nowrap"} // Prevent the text from wrapping
textOverflow={"ellipsis"}
isTruncated
cursor={"pointer"}
>
{data?.data?.blockNumber}
{/* hello */}
</Text>
<Text
_hover={{ bg: "gray.50" }}
transition={"0.5s"}
rounded={"sm"}
p={1}
as={"span"}
ml={1}
cursor={"pointer"}
>
<MdContentCopy
onClick={() =>
copyToClipboard(data?.data?.blockNumber)
}
/>
</Text>
</HStack>
</Box>
)}
</Box>
<Box
@@ -248,7 +303,7 @@ const TransactionDetails = () => {
mb={extractedArray && 5}
rounded={6}
>
{data?.data?.netWorkType && (
{/* {data?.data?.netWorkType && (
<>
<Text
color={colorMode === "light" ? "#000" : "#fff"}
@@ -285,7 +340,7 @@ const TransactionDetails = () => {
</Text>
</HStack>
</>
)}
)} */}
{data?.data?.sender && (
<>
<Text
@@ -366,7 +421,151 @@ const TransactionDetails = () => {
</HStack>
</>
)}
{data?.data?.creator&&<HStack
fontSize={{ base: "xs", md: "sm" }}
cursor={"pointer"}
gap={{ base: 2, md: 4 }}
mb={3}
>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Creator:
</Text>
<HStack
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
textDecoration={"underline"}
fontSize={{ base: "xs", md: "sm" }}
>
<Text
cursor={"pointer"}
maxW={{ base: "55%", md: "100%" }}
whiteSpace={"nowrap"} // Prevent the text from wrapping
textOverflow={"ellipsis"}
isTruncated
onClick={() => navigate(`/did-info/${data?.data?.creator}`)}
>
{data?.data?.creator}
</Text>
<Text
_hover={{ bg: "gray.50" }}
transition={"0.5s"}
rounded={"sm"}
p={1}
as={"span"}
ml={1}
cursor={"pointer"}
>
<MdContentCopy
onClick={() => copyToClipboard(data?.data?.creator)}
/>
</Text>
</HStack>
</HStack>}
{data?.data?.executor&&<HStack
fontSize={{ base: "xs", md: "sm" }}
cursor={"pointer"}
gap={{ base: 2, md: 4 }}
mb={3}
>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Executor:
</Text>
<HStack
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
textDecoration={"underline"}
fontSize={{ base: "xs", md: "sm" }}
>
<Text
cursor={"pointer"}
maxW={{ base: "55%", md: "100%" }}
whiteSpace={"nowrap"} // Prevent the text from wrapping
textOverflow={"ellipsis"}
isTruncated
onClick={() => navigate(`/did-info/${data?.data?.executor}`)}
>
{data?.data?.executor}
</Text>
<Text
_hover={{ bg: "gray.50" }}
transition={"0.5s"}
rounded={"sm"}
p={1}
as={"span"}
ml={1}
cursor={"pointer"}
>
<MdContentCopy
onClick={() => copyToClipboard(data?.data?.executor)}
/>
</Text>
</HStack>
</HStack>}
{data?.data?.deployer&&<HStack
fontSize={{ base: "xs", md: "sm" }}
cursor={"pointer"}
gap={{ base: 2, md: 4 }}
mb={3}
>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Deployer:
</Text>
<HStack
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
textDecoration={"underline"}
fontSize={{ base: "xs", md: "sm" }}
>
<Text
cursor={"pointer"}
maxW={{ base: "55%", md: "100%" }}
whiteSpace={"nowrap"} // Prevent the text from wrapping
textOverflow={"ellipsis"}
isTruncated
onClick={() => navigate(`/did-info/${data?.data?.deployer}`)}
>
{data?.data?.deployer}
</Text>
<Text
_hover={{ bg: "gray.50" }}
transition={"0.5s"}
rounded={"sm"}
p={1}
as={"span"}
ml={1}
cursor={"pointer"}
>
<MdContentCopy
onClick={() => copyToClipboard(data?.data?.deployer)}
/>
</Text>
</HStack>
</HStack>}
</Box>
<Box
boxShadow={colorMode === "light" && "md"}
bg={colorMode === "light" ? "#F3F3F3" : "#1D1D1D"}
@@ -389,6 +588,24 @@ const TransactionDetails = () => {
</Text>
</Box>
)}
{data?.data?.pledgeAmount&&<Box>
<Text
mb={2}
color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
>
Pledge Amount:
</Text>
<Text
display={"flex"}
gap={2}
alignItems={"center"}
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
>
<Image w={4} src={rbtLogoOutline} />
{data?.data?.pledgeAmount}
</Text>
</Box>}
{data?.data?.timestamp && (
<Box>
<Text>Timestamp</Text>