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

update timestamps

Browse Source
This commit is contained in:
YasinShaikh123
2024-11-06 20:10:13 +05:30
parent 71cc512ecb
commit d5fa4d1c5e
6 changed files with 110 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Footer/Footer.jsx
View File

@@ -4,9 +4,9 @@ import React from 'react'
const Footer = () => {
const { colorMode } = useColorMode();
return (
<Box textAlign={"center"} bg={colorMode === "light" ? "#230A79" : "#232127"} p={4}>
<Box textAlign={"center"} bg={colorMode === "light" ? "#230A79" : "#232127"} p={1}>
<Container maxW="6xl">
<Text fontWeight={500} fontSize={"15px"} color={colorMode === "light" ? "#fff" : "#B09AFF"}>All timestamps are shown in UTC+00:00</Text>
<Text fontSize={"12px"} color={"#f3f3f5"}>All timestamps are shown in UTC+00:00</Text>
</Container>
</Box>
)

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

@@ -527,7 +527,27 @@ const LatestTransactions = () => {
</Box>
)}
<Box>
<Box position={"relative"}>
<Tooltip
p={2}
fontWeight={400}
lineHeight={"18px"}
boxShadow={"rgba(99, 99, 99, 0.2) 0px 2px 8px 0px"}
color={colorMode === "light" ? "#230A79" : "#230A79"}
fontStyle={"12px"}
rounded={"5px"}
bg={colorMode === "light" ? "#fff" : "#fff"}
label={"All timestamps are shown in UTC+00:00"}
placement='top-start'>
<Text p={0} display={{ base: "none", md: "block" }} position={"absolute"} top={"2px"} left={"-24px"}>
<Icon
cursor={"pointer"}
as={MdOutlineErrorOutline}
fontSize={"18px"}
color="#7B7B7B"
/>
</Text>
</Tooltip>
<Text
mb={2}
color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}

22
src/pages/MainNet.jsx
View File

@@ -526,7 +526,27 @@ const MainNet = () => {
</Box>
)}
<Box>
<Box position={"relative"}>
<Tooltip
p={2}
fontWeight={400}
lineHeight={"18px"}
boxShadow={"rgba(99, 99, 99, 0.2) 0px 2px 8px 0px"}
color={colorMode === "light" ? "#230A79" : "#230A79"}
fontStyle={"12px"}
rounded={"5px"}
bg={colorMode === "light" ? "#fff" : "#fff"}
label={"All timestamps are shown in UTC+00:00"}
placement='top-start'>
<Text p={0} display={{ base: "none", md: "block" }} position={"absolute"} top={"2px"} left={"-24px"}>
<Icon
cursor={"pointer"}
as={MdOutlineErrorOutline}
fontSize={"18px"}
color="#7B7B7B"
/>
</Text>
</Tooltip>
<Text
mb={2}
color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}

22
src/pages/MainNetIdOverview.jsx
View File

@@ -234,7 +234,27 @@ const MainNetOveriew = () => {
<Link to="/smart-contract">{transaction.contract}</Link>
</Text>
</Box>
<Box>
<Box position={"relative"}>
<Tooltip
p={2}
fontWeight={400}
lineHeight={"18px"}
boxShadow={"rgba(99, 99, 99, 0.2) 0px 2px 8px 0px"}
color={colorMode === "light" ? "#230A79" : "#230A79"}
fontStyle={"12px"}
rounded={"5px"}
bg={colorMode === "light" ? "#fff" : "#fff"}
label={"All timestamps are shown in UTC+00:00"}
placement='top-start'>
<Text p={0} display={{ base: "none", md: "block" }} position={"absolute"} top={"2px"} left={"-24px"}>
<Icon
cursor={"pointer"}
as={MdOutlineErrorOutline}
fontSize={"18px"}
color="#7B7B7B"
/>
</Text>
</Tooltip>
<Text
mb={2}
color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}

22
src/pages/SubnetIdOverview.jsx
View File

@@ -540,7 +540,27 @@ const SubnetInner = () => {
</Box>
)}
<Box>
<Box position={"relative"}>
<Tooltip
p={2}
fontWeight={400}
lineHeight={"18px"}
boxShadow={"rgba(99, 99, 99, 0.2) 0px 2px 8px 0px"}
color={colorMode === "light" ? "#230A79" : "#230A79"}
fontStyle={"12px"}
rounded={"5px"}
bg={colorMode === "light" ? "#fff" : "#fff"}
label={"All timestamps are shown in UTC+00:00"}
placement='top-start'>
<Text p={0} display={{ base: "none", md: "block" }} position={"absolute"} top={"2px"} left={"-24px"}>
<Icon
cursor={"pointer"}
as={MdOutlineErrorOutline}
fontSize={"18px"}
color="#7B7B7B"
/>
</Text>
</Tooltip>
<Text
mb={2}
color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}

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

@@ -5,14 +5,16 @@ import {
Divider,
Heading,
HStack,
Icon,
Image,
Text,
Tooltip,
useColorMode,
useToast,
VStack,
} from "@chakra-ui/react";
import React, { useContext, useEffect, useState } from "react";
import { MdContentCopy } from "react-icons/md";
import { MdContentCopy, MdOutlineErrorOutline } from "react-icons/md";
import { Link, useNavigate, useParams } from "react-router-dom";
import RelatedTransactions from "../../components/RelatedTransactions/RelatedTransactions";
import bannerImage from "../../assets/images/bannerImg.png";
@@ -671,7 +673,27 @@ const TransactionDetails = () => {
</Box>
)}
{data?.data?.timestamp && (
<Box>
<Box position={"relative"}>
<Tooltip
p={2}
fontWeight={400}
lineHeight={"18px"}
boxShadow={"rgba(99, 99, 99, 0.2) 0px 2px 8px 0px"}
color={colorMode === "light" ? "#230A79" : "#230A79"}
fontStyle={"12px"}
rounded={"5px"}
bg={colorMode === "light" ? "#fff" : "#fff"}
label={"All timestamps are shown in UTC+00:00"}
placement='top-start'>
<Text p={0} display={{ base: "none", md: "block" }} position={"absolute"} top={"2px"} left={"-24px"}>
<Icon
cursor={"pointer"}
as={MdOutlineErrorOutline}
fontSize={"18px"}
color="#7B7B7B"
/>
</Text>
</Tooltip>
<Text>Timestamp</Text>
<Text color={"#555"}>
{formatUTCToDDMMYYHHMMSS(data?.data?.timestamp)}