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-10-14 13:44:41 +05:30
parent 6e48eb133d
commit adce47b043
10 changed files with 175 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -2,9 +2,9 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
<link rel="icon" type="image/svg+xml" href="./src/assets/images/rubixfavicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Rubix</title>
<title>Explorer | Rubix</title>
</head>
<body>
<div id="root"></div>

138
src/Contexts/GlobalStateProvider.jsx
View File

@@ -10,10 +10,10 @@ const GlobalStateProvider = ({ children }) => {
{
id: 1,
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzABCDEFGHIJKLMNOPQRS5674577TUV WXYZ !"§ $%&',
sender: 'abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNO PQRSTUVWXYZ !"§ $%&45677',
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: 'abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ',
receiver:
'abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNO PQRSTUVWXYZ !"§ $%&45677',
'abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ',
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -22,9 +22,10 @@ const GlobalStateProvider = ({ children }) => {
},
{
id: 2,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -33,9 +34,10 @@ const GlobalStateProvider = ({ children }) => {
},
{
id: 3,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -44,9 +46,10 @@ const GlobalStateProvider = ({ children }) => {
},
{
id: 4,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -60,9 +63,9 @@ const GlobalStateProvider = ({ children }) => {
id: 1,
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzABCDEFGHIJKLMNOPQRS5674577TUV WXYZ !"§ $%&',
sender: 'abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNO PQRSTUVWXYZ !"§ $%&45677',
sender: 'abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ',
receiver:
'abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNO PQRSTUVWXYZ !"§ $%&45677',
'abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ',
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -71,9 +74,10 @@ const GlobalStateProvider = ({ children }) => {
},
{
id: 2,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -82,9 +86,10 @@ const GlobalStateProvider = ({ children }) => {
},
{
id: 3,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -93,9 +98,10 @@ const GlobalStateProvider = ({ children }) => {
},
{
id: 4,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -104,9 +110,10 @@ const GlobalStateProvider = ({ children }) => {
},
{
id: 5,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -115,9 +122,10 @@ const GlobalStateProvider = ({ children }) => {
},
{
id: 6,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -126,9 +134,10 @@ const GlobalStateProvider = ({ children }) => {
},
{
id: 7,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -137,9 +146,10 @@ const GlobalStateProvider = ({ children }) => {
},
{
id: 8,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -148,9 +158,10 @@ const GlobalStateProvider = ({ children }) => {
},
{
id: 9,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -159,9 +170,10 @@ const GlobalStateProvider = ({ children }) => {
},
{
id: 10,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzbc5def6ghi7jkl8mno9pqrs2tuv5wxys2tuv5wxy',
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -175,9 +187,9 @@ const GlobalStateProvider = ({ children }) => {
id: 1,
description:
'abc5def6ghi7jkl8mno9pqrs2tuv5wxyzABCDEFGHIJKLMNOPQRS5674577TUV WXYZ !"§ $%&',
sender: 'abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNO PQRSTUVWXYZ !"§ $%&45677',
sender: 'abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ',
receiver:
'abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNO PQRSTUVWXYZ !"§ $%&45677',
'abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ',
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -187,8 +199,8 @@ const GlobalStateProvider = ({ children }) => {
{
id: 2,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -198,8 +210,8 @@ const GlobalStateProvider = ({ children }) => {
{
id: 3,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -209,8 +221,8 @@ const GlobalStateProvider = ({ children }) => {
{
id: 4,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -220,8 +232,8 @@ const GlobalStateProvider = ({ children }) => {
{
id: 5,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -231,8 +243,8 @@ const GlobalStateProvider = ({ children }) => {
{
id: 6,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -242,8 +254,8 @@ const GlobalStateProvider = ({ children }) => {
{
id: 7,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -253,8 +265,8 @@ const GlobalStateProvider = ({ children }) => {
{
id: 8,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -264,8 +276,8 @@ const GlobalStateProvider = ({ children }) => {
{
id: 9,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -275,8 +287,8 @@ const GlobalStateProvider = ({ children }) => {
{
id: 10,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",
@@ -286,8 +298,8 @@ const GlobalStateProvider = ({ children }) => {
{
id: 11,
description: "anotherDescription567123ABCDESDJ123",
sender: "Sender2exampleABCDEFGHIJKLMNOPQRS456",
receiver: "Receiver2exampleABCDEFGHIJK1234",
sender: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
receiver: "abcdefghiklmnopqrstuvwxyzABCDEGHIJKLMNOPQRSTUVWXYZ",
contract:"A1B2C3D4E5F6G",
date:"18 hours ago, 29/07/2024",
amount:"$ 10000.12345",

BIN
src/assets/images/rubixfavicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

8
src/assets/images/rubixlogo.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="158" height="34" viewBox="0 0 158 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M97.5859 16.7891V33.5781H100.734H103.882V31.9517V30.3252L105.718 31.9517C107.449 33.4732 107.869 33.5781 111.542 33.5781C115.372 33.5781 115.477 33.5257 117.785 31.427C120.828 28.5939 121.93 25.1311 121.615 19.5698C121.3 14.7429 119.464 11.4376 116.001 9.60128C112.224 7.60759 108.499 8.02731 105.613 10.6506L104.406 11.6999V5.87622V5.34058e-05H100.996H97.5859V16.7891ZM111.489 14.2707C112.276 14.638 113.221 15.5299 113.64 16.3169C114.637 18.2581 114.585 24.2917 113.588 26.1805C112.749 27.9118 111.857 28.3316 109.391 28.3316C107.135 28.3316 105.141 26.0231 104.669 22.8751C103.724 16.5792 107.135 12.277 111.489 14.2707Z" fill="#230A79"/>
<path d="M124.868 3.1482V6.29614H128.279H131.689V3.1482V0.000254631H128.279H124.868V3.1482Z" fill="#230A79"/>
<path d="M36.2014 11.595C31.8992 15.5824 27.7019 18.6254 25.6557 19.15C24.449 19.4648 24.3966 19.3599 24.554 17.4187C24.6589 16.107 24.3966 14.5855 23.8194 13.3788C20.9863 7.34524 13.1689 8.49948 5.71877 16.0021C1.88877 19.8845 0 23.2948 0 26.4428C0 28.6988 0.209863 29.2234 2.04616 31.0073C4.45959 33.4207 6.40082 33.683 8.44698 31.7943C15.0577 25.6558 20.5666 21.511 22.193 21.511C22.4029 21.511 22.5603 22.5603 22.5603 23.8719C22.5603 27.9643 24.9737 31.1122 28.6988 31.7943C31.2696 32.2665 37.4605 29.1185 41.1856 25.3934C46.747 19.8845 48.4783 14.9003 46.1698 11.1752C45.1205 9.3914 42.7071 7.86989 41.0807 7.86989C40.556 7.92236 38.3525 9.60126 36.2014 11.595Z" fill="#230A79"/>
<path d="M62.7489 9.96855L60.8601 11.6474V10.2833C60.8601 8.9717 60.7552 8.91923 57.7122 8.91923H54.5642V21.2487V33.5781H57.922H61.2798L61.4897 25.7083C61.6995 18.7828 61.8045 17.681 62.8013 16.4218C63.9031 14.9528 65.7919 14.5331 67.7331 15.425C68.3627 15.6873 68.8349 15.1627 69.6743 13.0116L70.7761 10.2309V18.3631C70.8286 27.597 71.3008 30.0105 73.5568 32.1091C75.0258 33.4732 75.498 33.5781 79.1706 33.5781C83.2105 33.5781 84.8369 33.001 86.4634 31.0598C86.988 30.3777 87.093 30.4826 87.093 31.8992V33.5781H90.2409H93.3889V21.2487V8.91923H89.9786H86.5683V16.4743C86.5683 24.8688 86.0961 26.9674 83.8926 28.0692C82.0038 29.0661 80.7971 29.0661 79.328 28.0168C78.2263 27.2298 78.1738 26.915 78.1738 18.0483V8.86676H73.8716C71.4582 8.86676 68.4152 8.76183 67.1035 8.60444C64.9 8.34211 64.4802 8.44704 62.7489 9.96855Z" fill="#230A79"/>
<path d="M124.868 21.2487V33.5781H128.279H131.689V21.2487V8.91923H128.279H124.868V21.2487Z" fill="#230A79"/>
<path d="M132.739 9.39142C132.739 9.65375 132.948 9.96854 133.158 10.0735C133.368 10.1259 135.309 12.6443 137.356 15.5824L141.186 20.8814L136.726 27.2298L132.214 33.5781H136.359H140.451L142.812 29.8531L145.173 26.128L147.481 29.8531L149.79 33.5781H153.882C156.086 33.5781 157.922 33.4207 157.922 33.2633C157.922 33.0535 156.033 30.2203 153.672 26.8625C151.364 23.5572 149.58 20.5666 149.685 20.2518C149.842 19.937 151.626 17.3662 153.672 14.5331C155.719 11.6999 157.397 9.28649 157.397 9.18156C157.397 9.02416 155.614 8.91923 153.462 8.91923H149.58L147.376 12.1196L145.225 15.32L143.127 12.1196L140.976 8.91923H136.883C134.575 8.91923 132.739 9.12909 132.739 9.39142Z" fill="#230A79"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

24
src/components/AmountCard/AmountCard.jsx
View File

@@ -52,8 +52,8 @@ const AmountCard = () => {
icon: <FaShoppingCart color="white" fontSize={"20px"} />,
},
{
label: "Pledged RBT",
value: "$173,000",
label: "Number of smart contracts",
value: "73,000",
icon: <FaShoppingCart color="white" fontSize={"20px"} />,
},
];
@@ -62,9 +62,10 @@ const AmountCard = () => {
<VStack>
<Container maxW="4xl">
<Grid
mb={2}
mb={8}
templateColumns="repeat(3, 2fr)"
gap={4}
gap={6}
bg={colorMode === "light" ? "light.100" : "black.900"}
justifyContent="center"
alignItems="center"
@@ -81,16 +82,18 @@ const AmountCard = () => {
justifyContent={"space-between"}
alignItems={"center"}
p={3}
rounded={10}
rounded={"lg"}
boxShadow={'md'}
>
<Box>
<Text
fontSize={"sm"}
fontSize={"xs"}
color={colorMode === "light" ? "#230A79" : "#A0AEC0"}
>
{item.label}
</Text>
<Text
fontWeight={600}
fontSize={"sm"}
color={colorMode === "light" ? "#230A79" : "#fff"}
>
@@ -115,7 +118,7 @@ const AmountCard = () => {
<Container maxW="6xl">
<Grid
templateColumns="repeat(4, 2fr)"
gap={4}
gap={6}
bg={colorMode === "light" ? "light.100" : "black.900"}
justifyContent="center"
alignItems="center"
@@ -132,17 +135,20 @@ const AmountCard = () => {
justifyContent={"space-between"}
alignItems={"center"}
p={3}
rounded={10}
rounded={"lg"}
boxShadow={'md'}
>
<Box>
<Text
fontSize={"sm"}
fontSize={"xs"}
color={colorMode === "light" ? "#230A79" : "#A0AEC0"}
>
{item.label}
</Text>
<Text
fontSize={"sm"}
fontWeight={600}
color={colorMode === "light" ? "#230A79" : "#fff"}
>
{item.value}

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

@@ -1,4 +1,4 @@
import { Box, Container, Grid, GridItem, HStack, Text, useColorMode } from "@chakra-ui/react";
import { Box, Container, Grid, GridItem, HStack, Text, VStack, useColorMode, useToast } from "@chakra-ui/react";
import React, { useContext } from "react";
import { MdContentCopy, MdOutlineErrorOutline } from "react-icons/md";
import Pagination from "../Pagination";
@@ -9,6 +9,7 @@ import ToastBox from "../ToastBox";
const LatestTransactions = () => {
const toast = useToast()
const { colorMode} = useColorMode();
const { transactions } = useContext(GlobalStateContext);
@@ -86,7 +87,7 @@ const LatestTransactions = () => {
mb={3}
>
<Box>
<Text mb={2} color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}>
<Text mb={2} color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}>
Smart contract ID dd :
</Text>
<Text color={colorMode === "light" ? "#230A79" : "#B09AFF"}>{transaction.contract}</Text>
@@ -106,23 +107,26 @@ const LatestTransactions = () => {
</HStack>
<HStack fontSize={"sm"} alignItems={"flex-start"}>
<MdOutlineErrorOutline
fontSize={"20px"}
style={{ paddingTop: "4px" }}
fontSize={"18px"}
style={{ marginTop: "1px" }}
color="#7B7B7B"
/>
<Box>
<HStack>
<VStack>
<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>
</Text>
</HStack>
<HStack>
<Text color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}>Subnet ID/Main net :</Text>
<Text color={colorMode === "light" ? "#230A79" : "#B09AFF"}>
<Link to="/subnet-inner" style={{fontWeight:"inherit"}}>{transaction.subnetID}</Link>
</Text>
</HStack>
</Box>
</VStack>
</HStack>
</Box>
</GridItem>

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

@@ -12,7 +12,7 @@ import {
} from "@chakra-ui/react";
import { Outlet, Link, useLocation, NavLink } from "react-router-dom";
import logo from "../../assets/images/rubix.png";
import logoLight from "../../assets/images/light-logo.png";
import logoLight from "../../assets/images/rubixlogo.svg";
import { useEffect, useState } from "react";
import SwitchBtn from "../SwitchBtn/SwitchBtn";
@@ -53,9 +53,10 @@ const NavBar = () => {
id="navbar"
// bg={colorMode === "light" ? "light" : "black.900"}
color={colorMode === "light" ? "light" : "black.900"}
padding={"22px 0px"}
padding={"16px 0px"}
// borderBottom={"1px solid #ccc"}
borderBottom={colorMode === "light" ? "1px solid #ccc" : "none"}
// boxShadow={'md'}
>
<Container maxW="6xl">
<Box

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

@@ -19,8 +19,8 @@ const SwitchBtn = ({ isSwitchOn, setIsSwitchOn }) => {
display="flex"
justifyContent="normal"
alignItems="center"
width="80px"
height="35px"
width="50px"
height="25px"
borderRadius="50px"
// backgroundColor={"#27262B"}
onClick={switch_onChange_handle}
@@ -29,16 +29,17 @@ const SwitchBtn = ({ isSwitchOn, setIsSwitchOn }) => {
_before={{
content: '""',
position: "absolute",
width: "28px",
height: "28px",
width: "18px",
height: "18px",
borderRadius: "50%",
backgroundColor: colorMode === "light" ? "#fff" : "#D9D9D933",
boxShadow: "0 2px 4px rgba(0, 0, 0, 0.2)",
transform: isSwitchOn ? "translateX(42px)" : "translateX(0)",
transform: isSwitchOn ? "translateX(22px)" : "translateX(0)",
transition: "transform 0.2s",
left: "5px",
top:"3px"
}}
cursor={'pointer'}
>
<Icon
color={colorMode === "light" ? "#F49E09" : "#fff"}
@@ -46,9 +47,9 @@ const SwitchBtn = ({ isSwitchOn, setIsSwitchOn }) => {
// color={isSwitchOn ? "#fff" : "#fff"}
zIndex={1}
position="absolute"
left={isSwitchOn ? "10px" : "auto"}
right={isSwitchOn ? "auto" : "10px"}
fontSize={"24px"}
left={isSwitchOn ? "5px" : "auto"}
right={isSwitchOn ? "auto" : "5px"}
fontSize={"18px"}
/>
</Box>
</Stack>

21
src/components/ToastBox.jsx
View File

@@ -1,23 +1,18 @@
import { Box, Text } from "@chakra-ui/react";
import { Box, Text, useColorMode } from "@chakra-ui/react";
import React from "react";
import { FaCheck } from "react-icons/fa";
import { IoWarningOutline } from "react-icons/io5";
const ToastBox = ({ message, status }) => {
return (
<Box
className="web-text-large d-flex gap-2 align-items-center"
p={3}
color={status === "error" ? "red.500" : status === "warn" ? "blue.500" : "green.500"}
bg={"#fff"}
boxShadow={'md'}
rounded={'md'}
>
{status === "error" || status === "warn" ? <IoWarningOutline /> : <FaCheck /> }
<Text as={"span"}>{message}</Text>
</Box>
const { colorMode} = useColorMode();
return (
<Box rounded={5} w={250} bg={colorMode === "light" ? "#fff" : "linear-gradient(126.97deg, rgba(6, 11, 38, 0.74) 28.26%, rgba(26, 31, 55, 1.5) 91.2%)"} color={colorMode === "light" ? "#230A79" : "#fff"} p={3} display={"flex"} alignItems={"center"}>
{status === "error" || status === "warn" ? <IoWarningOutline /> : <FaCheck /> }
<Text fontSize={"sm"} as={"span"} ml={2}>{message}</Text>
</Box>
);
};

79
src/pages/Home.jsx
View File

@@ -20,43 +20,49 @@ import LatestTransactions from "../components/LatestTransactions/LatestTransacti
import { Link } from "react-router-dom";
import Pagination from "../components/Pagination";
import bannerImage from "../assets/images/bannerImg.png";
import { BiSearchAlt } from "react-icons/bi";
const Home = () => {
const [isSwitchOn, setIsSwitchOn] = useState(true);
const { colorMode, toggleColorMode } = useColorMode();
return (
<>
<Box
bg={colorMode === "light" ? "#fff" : "none"}
backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"}
backgroundSize="contain"
backgroundRepeat="no-repeat"
>
<VStack mb={"5rem"}>
<Container maxW="container.sm" position={"relative"}>
<Box display={"flex"} alignItems={"center"} mt={"10rem"}>
<Box
bg={colorMode === "light" ? "#fff" : "none"}
backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"}
backgroundSize="contain"
backgroundRepeat="no-repeat">
<Box>
<VStack pt={28} mb={14}>
<Container maxW="3xl" position={"relative"}>
<Box w={'100%'} display={"flex"} alignItems={"center"} >
<InputGroup
width={"100%"}
boxShadow={"sm"}
size="sm"
bg={colorMode === "light" ? "light.100" : "#393939"}
// border={"none"}
rounded={5}
rounded={'lg'}
>
<Input
roundedLeft={8}
w={"76%"}
border={`1px solid ${
colorMode === "light" ? "#230A79" : "#393939"
}`}
// border={`1px solid ${
// colorMode === "light" ? "#230A79" : "#393939"
// }`}
borderColor={colorMode === "light"? "#CED4DA" : "#565252"}
h={"42px"}
type="search"
placeholder="Search by Transaction hash, token hash , DID or smart contract"
onChange={(e) => setSearchTerm(e.target.value)}
_placeholder={colorMode === "light" ? "red" : "red"}
_hover={{
borderColor:"#7f8c8d"
}}
_placeholder={{color:"#737C82"}}
_focusVisible={{
borderColor:
colorMode === "light" ? "none" : "1px solid #230A79",
colorMode === "light" ? "#230A79" : "#7f8c8d",
}}
/>
{/* <Button
@@ -98,19 +104,19 @@ const Home = () => {
top={"0"}
fontSize={"sm"}
rounded={0}
border={`1px solid ${
colorMode === "light" ? "#230A79" : "#393939"
}`}
borderLeft={0}
borderRight={0}
bg={colorMode === "light" ? "transparent" : "#565252"}
border="none"
// borderLeft={0}
// borderRight={0}
bg={colorMode === "light" ? "#4023A6" : "#565252"}
_hover={{
border: `1px solid ${
colorMode === "light" ? "#230A79" : "#393939"
}`,
outline: "0px",
opacity:0.9,
bg: colorMode !== "light" && "#333248"
}}
_focus={{ outline: "none" }}
_focus={{ opacity:1, outline:'none', bg:colorMode === "light" ? "#4023A6" : "#565252" }}
_active={{ opacity:0.9, outline:'none', bg:colorMode === "light" ? "#4023A6" : "#565252" }}
color={'#fff'}
>
Generate short url
</Button>
@@ -125,13 +131,16 @@ const Home = () => {
display={"flex"}
justifyContent={"center"}
alignItems={"center"}
bg={colorMode === "light" ? "light.100" : "#393939"}
bg={colorMode === "light" ? "#DEDBEB" : "#393939"}
color={colorMode === "light" ? "#230A79" : "#fff"}
border={`1px solid ${
colorMode === "light" ? "#230A79" : "#393939"
}`}
cursor={'pointer'}
// border={`1px solid ${
// colorMode === "light" ? "#230A79" : "#393939"
// }`}
>
<IoSearch fontSize={"20px"} />
{/* <IoSearch fontSize={"20px"} /> */}
<BiSearchAlt fontSize={"20px"} />
</Box>
</InputGroup>
@@ -157,7 +166,7 @@ const Home = () => {
</Container>
</VStack>
<AmountCard />
<Container maxW="6xl" p={"5rem 1rem"}>
<Container maxW="6xl" p={"4rem 1rem"}>
<Box
p={5}
rounded={10}
@@ -178,7 +187,7 @@ const Home = () => {
</Box>
</Container>
</Box>
<Box p={"5rem 0"} bg={colorMode === "light" ? "light.100" : "#101015"}>
<Box pb={"3rem"} pt={colorMode!=="light" &&10} bg={colorMode === "light" ? "light.100" : "#101015"}>
<Container
maxW="6xl"
color="white"
@@ -205,7 +214,7 @@ const Home = () => {
</Container>
<LatestTransactions />
</Box>
</>
</Box>
);
};