Merge pull request #52 from codingknite/fix/label-addresses

chore: label addresses

Author: codingknite

lib/hooks/useBundleV0.tsx

@@ -0,0 +1,29 @@
+import { TagLabel, Tooltip } from '@chakra-ui/react';
+import React from 'react';
+
+import Tag from 'ui/shared/chakra/Tag';
+
+interface Props {
+  address: string | undefined;
+}
+
+export const BundleV0Tag = () => {
+  return (
+    <Tooltip>
+      <Tag
+        color="#fff"
+        backgroundColor="#1385a7"
+        display="flex"
+        padding="2px 5px"
+      >
+        <TagLabel display="block">bundle v0.1.0</TagLabel>
+      </Tag>
+    </Tooltip>
+  );
+};
+
+export const useBundleV0 = ({ address }: Props) => {
+  const isBundleV0 = address === '0xbabe1d25501157043c7b4ea7CBC877B9B4D8A057';
+
+  return isBundleV0;
+};

lib/hooks/useTestnetFaucet.tsx

@@ -0,0 +1,30 @@
+import { TagLabel, Tooltip } from '@chakra-ui/react';
+import React from 'react';
+
+import Tag from 'ui/shared/chakra/Tag';
+
+interface Props {
+  address: string | undefined;
+}
+
+export const TestnetFaucetTag = () => {
+  return (
+    <Tooltip>
+      <Tag
+        color="#fff"
+        backgroundColor="#a4133c"
+        display="flex"
+        padding="2px 5px"
+      >
+        <TagLabel display="block">testnet faucet</TagLabel>
+      </Tag>
+    </Tooltip>
+  );
+};
+
+export const useTestnetFaucet = ({ address }: Props) => {
+  const isTestnetFaucet =
+    address === '0x89C23f56A3C5c586c870cB26a18F13dBCCf798bE';
+
+  return isTestnetFaucet;
+};

ui/home/LatestTxsItem.tsx

@@ -13,6 +13,8 @@ import type { Transaction } from 'types/api/transaction';
 import config from 'configs/app';
 import getValueWithUnit from 'lib/getValueWithUnit';
 import { useBlobScan } from 'lib/hooks/useBlobScan';
+import { BundleV0Tag, useBundleV0 } from 'lib/hooks/useBundleV0';
+import { TestnetFaucetTag, useTestnetFaucet } from 'lib/hooks/useTestnetFaucet';
 import useTimeAgoIncrement from 'lib/hooks/useTimeAgoIncrement';
 import { useWvmArchiver } from 'lib/hooks/useWvmArchiver';
 import { currencyUnits } from 'lib/units';
@@ -34,6 +36,8 @@ type Props = {
 const LatestTxsItem = ({ tx, isLoading }: Props) => {
   const isBlobScan = useBlobScan({ address: tx.from.hash });
   const isWvmArchiver = useWvmArchiver({ address: tx.from.hash });
+  const isBundleV0 = useBundleV0({ address: tx.to?.hash });
+  const isTestnetFaucet = useTestnetFaucet({ address: tx.from.hash });
   const dataTo = tx.to ? tx.to : tx.created_contract;
   const timeAgo = useTimeAgoIncrement(tx.timestamp || '0', true);
   const columnNum = config.UI.views.tx.hiddenFields?.value && config.UI.views.tx.hiddenFields?.tx_fee ? 2 : 3;
@@ -62,6 +66,8 @@ const LatestTxsItem = ({ tx, isLoading }: Props) => {
             <TxWatchListTags tx={ tx } isLoading={ isLoading }/>
             { isWvmArchiver && <WvmArchiverTag/> }
             { isBlobScan && <BlobScanTag/> }
+            { isBundleV0 && <BundleV0Tag/> }
+            { isTestnetFaucet && <TestnetFaucetTag/> }
           </HStack>
           <Flex
             alignItems="center"

ui/home/LatestTxsItemMobile.tsx

@@ -12,6 +12,8 @@ import type { Transaction } from 'types/api/transaction';
 import config from 'configs/app';
 import getValueWithUnit from 'lib/getValueWithUnit';
 import { useBlobScan } from 'lib/hooks/useBlobScan';
+import { BundleV0Tag, useBundleV0 } from 'lib/hooks/useBundleV0';
+import { TestnetFaucetTag, useTestnetFaucet } from 'lib/hooks/useTestnetFaucet';
 import useTimeAgoIncrement from 'lib/hooks/useTimeAgoIncrement';
 import { useWvmArchiver } from 'lib/hooks/useWvmArchiver';
 import { currencyUnits } from 'lib/units';
@@ -31,6 +33,8 @@ type Props = {
 }
 
 const LatestTxsItem = ({ tx, isLoading }: Props) => {
+  const isBundleV0 = useBundleV0({ address: tx.to?.hash });
+  const isTestnetFaucet = useTestnetFaucet({ address: tx.from.hash });
   const isWvmArchiver = useWvmArchiver({ address: tx.from.hash });
   const isBlobScan = useBlobScan({ address: tx.from.hash });
   const dataTo = tx.to ? tx.to : tx.created_contract;
@@ -52,6 +56,8 @@ const LatestTxsItem = ({ tx, isLoading }: Props) => {
           <TxWatchListTags tx={ tx } isLoading={ isLoading }/>
           { isWvmArchiver && <WvmArchiverTag/> }
           { isBlobScan && <BlobScanTag/> }
+          { isBundleV0 && <BundleV0Tag/> }
+          { isTestnetFaucet && <TestnetFaucetTag/> }
         </HStack>
         <TxAdditionalInfo tx={ tx } isMobile isLoading={ isLoading }/>
       </Flex>

ui/txs/TxsListItem.tsx

@@ -10,6 +10,8 @@ import type { Transaction } from 'types/api/transaction';
 import config from 'configs/app';
 import getValueWithUnit from 'lib/getValueWithUnit';
 import { useBlobScan } from 'lib/hooks/useBlobScan';
+import { BundleV0Tag, useBundleV0 } from 'lib/hooks/useBundleV0';
+import { TestnetFaucetTag, useTestnetFaucet } from 'lib/hooks/useTestnetFaucet';
 import useTimeAgoIncrement from 'lib/hooks/useTimeAgoIncrement';
 import { useWvmArchiver } from 'lib/hooks/useWvmArchiver';
 import { space } from 'lib/html-entities';
@@ -38,7 +40,9 @@ type Props = {
 
 const TxsListItem = ({ tx, isLoading, showBlockInfo, currentAddress, enableTimeIncrement }: Props) => {
   const isBlobScan = useBlobScan({ address: tx.from.hash });
+  const isBundleV0 = useBundleV0({ address: tx.to?.hash });
   const isWvmArchiver = useWvmArchiver({ address: tx.from.hash });
+  const isTestnetFaucet = useTestnetFaucet({ address: tx.from.hash });
   const dataTo = tx.to ? tx.to : tx.created_contract;
 
   const timeAgo = useTimeAgoIncrement(tx.timestamp, enableTimeIncrement);
@@ -55,6 +59,8 @@ const TxsListItem = ({ tx, isLoading, showBlockInfo, currentAddress, enableTimeI
           <TxWatchListTags tx={ tx } isLoading={ isLoading }/>
           { isWvmArchiver && <WvmArchiverTag/> }
           { isBlobScan && <BlobScanTag/> }
+          { isTestnetFaucet && <TestnetFaucetTag/> }
+          { isBundleV0 && <BundleV0Tag/> }
         </HStack>
         <TxAdditionalInfo tx={ tx } isMobile isLoading={ isLoading }/>
       </Flex>

ui/txs/TxsTableItem.tsx

@@ -12,6 +12,8 @@ import type { Transaction } from 'types/api/transaction';
 
 import config from 'configs/app';
 import { useBlobScan } from 'lib/hooks/useBlobScan';
+import { BundleV0Tag, useBundleV0 } from 'lib/hooks/useBundleV0';
+import { TestnetFaucetTag, useTestnetFaucet } from 'lib/hooks/useTestnetFaucet';
 import useTimeAgoIncrement from 'lib/hooks/useTimeAgoIncrement';
 import { useWvmArchiver } from 'lib/hooks/useWvmArchiver';
 import AddressFromTo from 'ui/shared/address/AddressFromTo';
@@ -42,7 +44,9 @@ const TxsTableItem = ({ tx, showBlockInfo, currentAddress, enableTimeIncrement,
   const timeAgo = useTimeAgoIncrement(tx.timestamp, enableTimeIncrement);
 
   const isBlobScan = useBlobScan({ address: tx.from.hash });
+  const isBundleV0 = useBundleV0({ address: tx.to?.hash });
   const isWvmArchiver = useWvmArchiver({ address: tx.from.hash });
+  const isTestnetFaucet = useTestnetFaucet({ address: tx.from.hash });
 
   return (
     <Tr
@@ -79,6 +83,8 @@ const TxsTableItem = ({ tx, showBlockInfo, currentAddress, enableTimeIncrement,
 
             { isWvmArchiver && <WvmArchiverTag/> }
             { isBlobScan && <BlobScanTag/> }
+            { isBundleV0 && <BundleV0Tag/> }
+            { isTestnetFaucet && <TestnetFaucetTag/> }
           </HStack>
           <TxStatus status={ tx.status } errorText={ tx.status === 'error' ? tx.result : undefined } isLoading={ isLoading }/>
           <TxWatchListTags tx={ tx } isLoading={ isLoading }/>