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:
Siddhesh More
2024-10-14 13:47:42 +05:30
parent adce47b043 04d044160e
commit d7a0243f17
10 changed files with 156 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,10 +12,9 @@ const LatestTransactions = () => {
const toast = useToast()
const { colorMode} = useColorMode();
const { transactions } = useContext(GlobalStateContext);
function copyToClipboard(text) {
const { transactions } = useContext(GlobalStateContext);
function copyToClipboard(text) {
navigator.clipboard
.writeText(text)
.then(() => {
@@ -63,19 +62,19 @@ const LatestTransactions = () => {
<GridItem p={4}>
<Box>
<Text fontSize={"sm"} mb={2} color={colorMode === "light" ? "#230A79" : "#B09AFF"}>
{transaction.description}
<Link to="/did-info"> {transaction.description}</Link>
</Text>
<HStack fontSize={"sm"} gap={4} mb={2}>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>Sender :</Text>
<HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
<Link style={{fontWeight:"inherit"}}>{transaction.sender}</Link>
<Link to="/transaction" style={{fontWeight:"inherit"}}>{transaction.sender}</Link>
<Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.sender)} /></Text>
</HStack>
</HStack>
<HStack fontSize={"sm"} gap={4} mb={3}>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>Receiver :</Text>
<HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
<Link style={{fontWeight:"inherit"}}>{transaction.receiver}</Link>
<Link to="/transaction" style={{fontWeight:"inherit"}}>{transaction.receiver}</Link>
<Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.receiver)} /></Text>
</HStack>
</HStack>
@@ -90,7 +89,7 @@ const LatestTransactions = () => {
<Text mb={2} color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}>
Smart contract ID dd :
</Text>
<Text color={colorMode === "light" ? "#230A79" : "#B09AFF"}>{transaction.contract}</Text>
<Text color={colorMode === "light" ? "#230A79" : "#B09AFF"}><Link to="/smart-contract">{transaction.contract}</Link></Text>
</Box>
<Box>
<Text mb={2} color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}>
@@ -115,7 +114,7 @@ const LatestTransactions = () => {
<HStack w={'100%'} justifyContent={'flex-start'}>
<Text color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}>Transaction type :</Text>
<Text color={colorMode === "light" ? "#230A79" : "#B09AFF"}>
<Link to="/transaction" style={{fontWeight:"inherit"}}>{transaction.transactionType}</Link>
<Link style={{fontWeight:"inherit"}}>{transaction.transactionType}</Link>
</Text>
</HStack>

2
src/components/NavBar/NavBar.jsx
View File

@@ -74,7 +74,7 @@ const NavBar = () => {
<Box display={"flex"} alignItems={"center"} gap={7}>
<NavLink
to="/mainNet"
to="/main-net"
style={({ isActive }) => ({
fontSize: "14px",
fontWeight: "400",

2
src/index.css
View File

@@ -19,7 +19,7 @@
}
a {
font-weight: 500;
/* font-weight: 500; */
color: #646cff;
text-decoration: inherit;
}

21
src/pages/DidInfo.jsx
View File

@@ -6,15 +6,36 @@ import {
HStack,
Text,
useColorMode,
useToast,
} from "@chakra-ui/react";
import React from "react";
import { MdContentCopy} from "react-icons/md";
import { Link } from "react-router-dom";
import RelatedTransactions from "../components/RelatedTransactions/RelatedTransactions";
import bannerImage from "../assets/images/bannerImg.png";
import ToastBox from "../components/ToastBox";
const DidInfo = () => {
const { colorMode } = useColorMode();
const toast = useToast()
function copyToClipboard(text) {
navigator.clipboard
.writeText(text)
.then(() => {
// console.log('Text copied to clipboard');
// alert('Text copied to clipboard');
toast({
render: () => (
<ToastBox status={"warn"} message={"Text copied to clipboard"} />
),
});
})
.catch((err) => {
console.error("Failed to copy text: ", err);
});
}
return (
<>

48
src/pages/MainNet.jsx
View File

@@ -1,15 +1,36 @@
import { Box, Container, Grid, GridItem, Heading, HStack, Select, Text, useColorMode } from "@chakra-ui/react";
import { Box, Container, Grid, GridItem, Heading, HStack, Select, Text, useColorMode, useToast } from "@chakra-ui/react";
import React, { useContext } from "react";
import bannerImage from "../assets/images/bannerImg.png";
import GlobalStateContext from "../Contexts/GlobalStateContext";
import Pagination from "../components/Pagination";
import { MdOutlineErrorOutline } from "react-icons/md";
import { MdContentCopy, MdOutlineErrorOutline } from "react-icons/md";
import ToastBox from "../components/ToastBox";
import { Link } from "react-router-dom";
const MainNet = () => {
const { overview } = useContext(GlobalStateContext);
const { colorMode} = useColorMode();
const toast = useToast()
function copyToClipboard(text) {
navigator.clipboard
.writeText(text)
.then(() => {
// console.log('Text copied to clipboard');
// alert('Text copied to clipboard');
toast({
render: () => (
<ToastBox status={"warn"} message={"Text copied to clipboard"} />
),
});
})
.catch((err) => {
console.error("Failed to copy text: ", err);
});
}
return (
<Box p={"10rem 0 4rem 0"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} position={"relative"} backgroundSize="contain" backgroundRepeat="no-repeat">
<Container
@@ -74,23 +95,26 @@ const MainNet = () => {
mb={2}
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
>
{transaction.description}
<Link to="/did-info">{transaction.description}</Link>
</Text>
<HStack fontSize={"sm"} gap={4} mb={2}>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Sender :
</Text>
<Text color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
{transaction.sender}
</Text>
<HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
<Link to="/transaction" style={{fontWeight:"inherit"}}>{transaction.sender}</Link>
<Text as={"span"} ml={5} cursor={"pointer"}>
<MdContentCopy onClick={()=> copyToClipboard(transaction.sender)} /></Text>
</HStack>
</HStack>
<HStack fontSize={"sm"} gap={4} mb={3}>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Receiver :
</Text>
<Text color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
{transaction.receiver}
</Text>
<HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
<Link to="/transaction" style={{fontWeight:"inherit"}}>{transaction.receiver}</Link>
<Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.receiver)} /></Text>
</HStack>
</HStack>
<HStack
display={"flex"}
@@ -104,12 +128,12 @@ const MainNet = () => {
mb={2}
color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
>
Smart contract ID dd :
Smart contract ID dd:
</Text>
<Text
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
>
{transaction.contract}
<Link to="/smart-contract">{transaction.contract}</Link>
</Text>
</Box>
<Box>
@@ -166,7 +190,7 @@ const MainNet = () => {
<Text
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
>
{transaction.subnetID}
<Link to="/subnet-inner">{transaction.subnetID}</Link>
</Text>
</HStack>
</Box>

21
src/pages/SmartContract.jsx
View File

@@ -6,15 +6,36 @@ import {
HStack,
Text,
useColorMode,
useToast,
} from "@chakra-ui/react";
import React from "react";
import { MdContentCopy} from "react-icons/md";
import { Link } from "react-router-dom";
import RelatedTransactions from "../components/RelatedTransactions/RelatedTransactions";
import bannerImage from "../assets/images/bannerImg.png";
import ToastBox from "../components/ToastBox";
const Transaction = () => {
const { colorMode } = useColorMode();
const toast = useToast()
function copyToClipboard(text) {
navigator.clipboard
.writeText(text)
.then(() => {
// console.log('Text copied to clipboard');
// alert('Text copied to clipboard');
toast({
render: () => (
<ToastBox status={"warn"} message={"Text copied to clipboard"} />
),
});
})
.catch((err) => {
console.error("Failed to copy text: ", err);
});
}
return (
<>

47
src/pages/Subnet.jsx
View File

@@ -1,16 +1,36 @@
import { Box, Container, Grid, GridItem, Heading, HStack, Select, Text, useColorMode } from "@chakra-ui/react";
import { Box, Container, Grid, GridItem, Heading, HStack, Select, Text, useColorMode, useToast } from "@chakra-ui/react";
import React, { useContext } from "react";
import { Link } from "react-router-dom";
import LatestTransactions from "../components/LatestTransactions/LatestTransactions";
import GlobalStateContext from "../Contexts/GlobalStateContext";
import Pagination from "../components/Pagination";
import { MdOutlineErrorOutline } from "react-icons/md";
import { MdContentCopy, MdOutlineErrorOutline } from "react-icons/md";
import bannerImage from "../assets/images/bannerImg.png";
import ToastBox from "../components/ToastBox";
const Subnet = () => {
const { overview } = useContext(GlobalStateContext);
const { colorMode, toggleColorMode } = useColorMode();
const { colorMode} = useColorMode();
const toast = useToast()
function copyToClipboard(text) {
navigator.clipboard
.writeText(text)
.then(() => {
// console.log('Text copied to clipboard');
// alert('Text copied to clipboard');
toast({
render: () => (
<ToastBox status={"warn"} message={"Text copied to clipboard"} />
),
});
})
.catch((err) => {
console.error("Failed to copy text: ", err);
});
}
return (
<Box p={"10rem 0 4rem 0"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} position={"relative"} backgroundSize="contain" backgroundRepeat="no-repeat">
@@ -76,23 +96,26 @@ const Subnet = () => {
mb={2}
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
>
{transaction.description}
<Link to="/did-info">{transaction.description}</Link>
</Text>
<HStack fontSize={"sm"} gap={4} mb={2}>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Sender :
</Text>
<Text color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
{transaction.sender}
</Text>
<HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
<Link to="/transaction" style={{fontWeight:"inherit"}}>{transaction.sender}</Link>
<Text as={"span"} ml={5} cursor={"pointer"}>
<MdContentCopy onClick={()=> copyToClipboard(transaction.sender)} /></Text>
</HStack>
</HStack>
<HStack fontSize={"sm"} gap={4} mb={3}>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Receiver :
</Text>
<Text color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
{transaction.receiver}
</Text>
<HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
<Link to="/transaction" style={{fontWeight:"inherit"}}>{transaction.receiver}</Link>
<Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.receiver)} /></Text>
</HStack>
</HStack>
<HStack
display={"flex"}
@@ -111,7 +134,7 @@ const Subnet = () => {
<Text
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
>
{transaction.contract}
<Link to="/smart-contract">{transaction.contract}</Link>
</Text>
</Box>
<Box>
@@ -168,7 +191,7 @@ const Subnet = () => {
<Text
color={colorMode === "light" ? "#230A79" : "#B09AFF"}
>
{transaction.subnetID}
<Link to="/subnet-inner">{transaction.subnetID}</Link>
</Text>
</HStack>
</Box>

20
src/pages/SubnetInner.jsx
View File

@@ -1,4 +1,4 @@
import { Box, Container, Grid, GridItem, Heading, HStack, Link, Select, Text, useColorMode } from "@chakra-ui/react";
import { Box, Container, Grid, GridItem, Heading, HStack, Link, Select, Text, useColorMode, useToast } from "@chakra-ui/react";
import React, { useContext } from "react";
import GlobalStateContext from "../Contexts/GlobalStateContext";
import Pagination from "../components/Pagination";
@@ -11,6 +11,8 @@ const SubnetInner = () => {
const { overview } = useContext(GlobalStateContext);
const { colorMode} = useColorMode();
const toast = useToast()
function copyToClipboard(text) {
navigator.clipboard
.writeText(text)
@@ -98,19 +100,19 @@ const SubnetInner = () => {
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Sender :
</Text>
<Text display={"flex"} alignItems={"center"} color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
<Link style={{fontWeight:"inherit"}}>{transaction.sender}</Link>
<Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.sender)} /></Text>
</Text>
<HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
<Link style={{fontWeight:"inherit"}}>{transaction.sender}</Link>
<Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.sender)} /></Text>
</HStack>
</HStack>
<HStack fontSize={"sm"} gap={4} mb={3}>
<Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
Receiver :
</Text>
<Text display={"flex"} alignItems={"center"} color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
<Link style={{fontWeight:"inherit"}}>{transaction.receiver}</Link>
<Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.receiver)} /></Text>
</Text>
<HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
<Link style={{fontWeight:"inherit"}}>{transaction.receiver}</Link>
<Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.receiver)} /></Text>
</HStack>
</HStack>
<HStack
display={"flex"}

21
src/pages/Transaction.jsx
View File

@@ -6,16 +6,37 @@ import {
HStack,
Text,
useColorMode,
useToast,
} from "@chakra-ui/react";
import React from "react";
import { MdContentCopy} from "react-icons/md";
import { Link } from "react-router-dom";
import RelatedTransactions from "../components/RelatedTransactions/RelatedTransactions";
import bannerImage from "../assets/images/bannerImg.png";
import ToastBox from "../components/ToastBox";
const Transaction = () => {
const { colorMode } = useColorMode();
const toast = useToast()
function copyToClipboard(text) {
navigator.clipboard
.writeText(text)
.then(() => {
// console.log('Text copied to clipboard');
// alert('Text copied to clipboard');
toast({
render: () => (
<ToastBox status={"warn"} message={"Text copied to clipboard"} />
),
});
})
.catch((err) => {
console.error("Failed to copy text: ", err);
});
}
return (
<>
<Box backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} backgroundSize="cover"

2
src/routes/_routes.jsx
View File

@@ -13,7 +13,7 @@ export const route = [
element: <Home />,
},
{
path: "/mainNet",
path: "/main-net",
element: <MainNet />,
},
{