fix: always truncate transaction addresses

grassrootseconomics · Nov 15, 2023 · 717d7db · 717d7db · vercel · Nov 15, 2023
1 parent cf44bb9
commit 717d7db
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/src/components/address.tsx b/src/components/address.tsx
@@ -6,13 +6,14 @@ import { truncateEthAddress } from "~/utils/dmr-helpers";
 interface IAddressProps {
   address?: string;
   className?: string;
-  shrink?: boolean;
+  truncate?: boolean;
+  forceTruncate?: boolean;
 }
 
 function Address(props: IAddressProps) {
   const md = useBreakpoint("lg");
   const address =
-    md.isBelowLg && props.shrink
+   ( md.isBelowLg && props.truncate || props.forceTruncate)
       ? truncateEthAddress(props.address)
       : props.address;
   return (

diff --git a/src/components/tables/transactions-table.tsx b/src/components/tables/transactions-table.tsx
@@ -56,12 +56,16 @@ export function TransactionsTable({
         {
           accessorKey: "sender_address",
           header: "Sender",
-          cell: (info) => <Address address={info.getValue<string>()} shrink />,
+          cell: (info) => (
+            <Address address={info.getValue<string>()} truncate />
+          ),
         },
         {
           accessorKey: "recipient_address",
           header: "Recipient",
-          cell: (info) => <Address address={info.getValue<string>()} shrink />,
+          cell: (info) => (
+            <Address address={info.getValue<string>()} truncate />
+          ),
         },
         {
           accessorKey: "tx_value",

diff --git a/src/components/transactions/transaction-list.tsx b/src/components/transactions/transaction-list.tsx
@@ -56,7 +56,7 @@ export const TransactionListItem = (props: TransactionProps) => {
       </Avatar>
       <div className="flex-1 flex-col">
         <div className="flex">
-          <Address shrink address={address} />
+          <Address forceTruncate address={address} />
           {props.tx.success ? null : (
             <span className="ml-3 text-xs rounded-full text-white px-2 py-1 bg-red-500">
               FAILED

diff --git a/src/components/users/tables/staff-users-table.tsx b/src/components/users/tables/staff-users-table.tsx
@@ -77,7 +77,7 @@ export function StaffUsersTable() {
             accessorKey: "interface_identifier",
             cell: (info) =>
               isAddress(info.getValue<string>()) ? (
-                <Address address={info.getValue<string>()} shrink />
+                <Address address={info.getValue<string>()} truncate />
               ) : (
                 info.getValue<string>()
               ),
@@ -128,7 +128,7 @@ export function StaffUsersTable() {
             accessorKey: "blockchain_address",
             cell: (info) =>
               isAddress(info.getValue<string>()) ? (
-                <Address address={info.getValue<string>()} shrink />
+                <Address address={info.getValue<string>()} truncate />
               ) : (
                 info.getValue<string>()
               ),