fix(LatestPFBTable): tx icon

Author: xdeq

components/data/LatestPFBTable.vue

@@ -48,9 +48,9 @@ isLoading.value = false
 									<Flex align="center" gap="10">
 										<Flex align="center" gap="8">
 											<Icon
-												:name="pfb.status === 'success' ? 'tx_success' : 'tx_error'"
+												:name="pfb.status === 'success' ? 'check-circle' : 'close-circle'"
 												size="14"
-												color="secondary"
+												:color="pfb.status === 'success' ? 'green' : 'red'"
 											/>
 
 											<Text size="13" weight="600" color="primary" mono>
@@ -70,7 +70,20 @@ isLoading.value = false
 									</Flex>
 
 									<template #content>
-										{{ space(pfb.hash.toUpperCase()) }}
+										<Flex direction="column" gap="6">
+											<Flex align="center" gap="4">
+												<Icon
+													:name="pfb.status === 'success' ? 'check-circle' : 'close-circle'"
+													size="13"
+													:color="pfb.status === 'success' ? 'green' : 'red'"
+												/>
+												<Text size="13" weight="600" color="primary">
+													{{ pfb.status === "success" ? "Successful" : "Failed" }} Transaction
+												</Text>
+											</Flex>
+
+											{{ space(pfb.hash.toUpperCase()) }}
+										</Flex>
 									</template>
 								</Tooltip>
 							</td>

components/modules/address/AddressOverview.vue

@@ -210,7 +210,7 @@ const getTxnsCountByTab = (tab) => {
 													<Flex align="center" gap="4">
 														<Icon
 															:name="tx.status === 'success' ? 'check-circle' : 'close-circle'"
-															size="14"
+															size="13"
 															:color="tx.status === 'success' ? 'green' : 'red'"
 														/>
 														<Text size="13" weight="600" color="primary">

components/modules/block/BlockOverview.vue

@@ -291,7 +291,7 @@ const getTxnsCountByTab = (tab) => {
 													<Flex align="center" gap="4">
 														<Icon
 															:name="tx.status === 'success' ? 'check-circle' : 'close-circle'"
-															size="14"
+															size="13"
 															:color="tx.status === 'success' ? 'green' : 'red'"
 														/>
 														<Text size="13" weight="600" color="primary">

pages/txs.vue

@@ -218,7 +218,7 @@ const handlePrev = () => {
 												<Flex align="center" gap="4">
 													<Icon
 														:name="tx.status === 'success' ? 'check-circle' : 'close-circle'"
-														size="14"
+														size="13"
 														:color="tx.status === 'success' ? 'green' : 'red'"
 													/>
 													<Text size="13" weight="600" color="primary">