toolTip update

dev-dist/sw.js

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

src/components/LatestTransactions/LatestTransactions.jsx

@@ -1,5 +1,6 @@
 import {
   Box,
+  Button,
   Container,
   Grid,
   GridItem,
@@ -7,6 +8,7 @@ import {
   Icon,
   Image,
   Text,
+  Tooltip,
   VStack,
   keyframes,
   useColorMode,
@@ -166,7 +168,7 @@ const LatestTransactions = () => {
             fontSize={"xs"}
             color={colorMode === "light" ? "#fff" : "#ccc"}
           >
-            Last refresh {relativeRefreshTime}{" "}
+            Last refresh {relativeRefreshTime}
           </Text>
           <Icon
             bg={colorMode === "light" ? "#fff" : "#434147"}
@@ -404,7 +406,27 @@ const LatestTransactions = () => {
                   alignItems={"flex-start"}
                   position={"relative"}
                 >
-                  <Icon
+                  <Tooltip 
+                  p={2}
+                   fontWeight={400}
+                   lineHeight={"18px"}
+                   boxShadow={"rgba(99, 99, 99, 0.2) 0px 2px 8px 0px"}
+                  color={colorMode === "light" ? "#230A79" : "#230A79"}
+                    fontStyle={"xs"}
+                    rounded={"5px"}
+                    bg={colorMode === "light" ? "#fff" : "#fff"}
+                    label={transactionType === "RBT" ? "Native RBT transactions which is peer-to-peer." : "SC or Smart Contract are codes that executes the actions multiple parties or entities agree to."}
+                    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>
+                  {/* <Icon
                     as={MdOutlineErrorOutline}
                     fontSize={"18px"}
                     display={{ base: "none", md: "block" }}
@@ -415,7 +437,7 @@ const LatestTransactions = () => {
                       left: "-24px",
                     }}
                     color="#7B7B7B"
-                  />
+                  /> */}
 
                   <VStack fontSize={{ base: "xs", md: "sm" }}>
                     <HStack w={"100%"} justifyContent={"flex-start"}>