diff --git a/index.html b/index.html
index c5dc730..e09519e 100644
--- a/index.html
+++ b/index.html
@@ -2,9 +2,9 @@
-
+
- Rubix
+ Explorer | Rubix
diff --git a/src/Contexts/GlobalStateProvider.jsx b/src/Contexts/GlobalStateProvider.jsx
index e2f9b12..cc70110 100644
--- a/src/Contexts/GlobalStateProvider.jsx
+++ b/src/Contexts/GlobalStateProvider.jsx
@@ -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",
diff --git a/src/assets/images/rubixfavicon.png b/src/assets/images/rubixfavicon.png
new file mode 100644
index 0000000..bfdf684
Binary files /dev/null and b/src/assets/images/rubixfavicon.png differ
diff --git a/src/assets/images/rubixlogo.svg b/src/assets/images/rubixlogo.svg
new file mode 100644
index 0000000..f8921e5
--- /dev/null
+++ b/src/assets/images/rubixlogo.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/components/AmountCard/AmountCard.jsx b/src/components/AmountCard/AmountCard.jsx
index ee56ff4..2fe7a57 100644
--- a/src/components/AmountCard/AmountCard.jsx
+++ b/src/components/AmountCard/AmountCard.jsx
@@ -52,8 +52,8 @@ const AmountCard = () => {
icon: ,
},
{
- label: "Pledged RBT",
- value: "$173,000",
+ label: "Number of smart contracts",
+ value: "73,000",
icon: ,
},
];
@@ -62,9 +62,10 @@ const AmountCard = () => {
{
justifyContent={"space-between"}
alignItems={"center"}
p={3}
- rounded={10}
+ rounded={"lg"}
+ boxShadow={'md'}
>
{item.label}
@@ -115,7 +118,7 @@ const AmountCard = () => {
{
justifyContent={"space-between"}
alignItems={"center"}
p={3}
- rounded={10}
+ rounded={"lg"}
+ boxShadow={'md'}
>
{item.label}
{item.value}
diff --git a/src/components/LatestTransactions/LatestTransactions.jsx b/src/components/LatestTransactions/LatestTransactions.jsx
index c13bedf..f0afcba 100644
--- a/src/components/LatestTransactions/LatestTransactions.jsx
+++ b/src/components/LatestTransactions/LatestTransactions.jsx
@@ -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}
>
-
+
Smart contract ID dd :
{transaction.contract}
@@ -106,23 +107,26 @@ const LatestTransactions = () => {
-
-
+
+
Transaction type :
{transaction.transactionType}
+
Subnet ID/Main net :
{transaction.subnetID}
-
+
+
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index f30a203..d14c209 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -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'}
>
{
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'}
>
{
// 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"}
/>
diff --git a/src/components/ToastBox.jsx b/src/components/ToastBox.jsx
index bbddff2..2c2b5f2 100644
--- a/src/components/ToastBox.jsx
+++ b/src/components/ToastBox.jsx
@@ -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 (
-
- {status === "error" || status === "warn" ? : }
- {message}
-
+ const { colorMode} = useColorMode();
+
+ return (
+
+ {status === "error" || status === "warn" ? : }
+ {message}
+
);
};
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 4d2904b..5183c5a 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -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 (
- <>
-
-
-
-
+
+
+
+
+
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",
}}
/>
{/*
@@ -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"
+ // }`}
>
-
+ {/* */}
+
+
@@ -157,7 +166,7 @@ const Home = () => {
-
+
{
-
+
{
-
+
);
};