Detect mainnet bridge transactions

Mainnet and testnet have different incoming and outgoing addresses for chainport bridge transactions.

Author: Rahul Patni

renderer/components/NotesList/NotesList.tsx

@@ -28,6 +28,7 @@ const messages = defineMessages({
 });
 
 type Props = {
+  networkId: number;
   notes: TransactionNote[];
   heading: string;
   asTransactions?: boolean;
@@ -38,6 +39,7 @@ type Props = {
 };
 
 export function NotesList({
+  networkId,
   notes,
   heading,
   asTransactions = false,
@@ -95,7 +97,7 @@ export function NotesList({
                 status={note.status}
                 memo={note.memo}
                 asTransaction={asTransactions}
-                isBridge={asTransactions && isChainportNote(note)}
+                isBridge={asTransactions && isChainportNote(networkId, note)}
               />
             );
           }}

renderer/pages/accounts/[account-name]/index.tsx

@@ -79,6 +79,8 @@ function AccountOverviewContent({ accountName }: { accountName: string }) {
     name: accountName,
   });
 
+  const { data: networkInfo } = trpcReact.getNetworkInfo.useQuery();
+
   const {
     data: transactionsData,
     isLoading,
@@ -112,7 +114,7 @@ function AccountOverviewContent({ accountName }: { accountName: string }) {
     return chip;
   }, [accountData?.isLedger, accountData?.status.viewOnly]);
 
-  if (!accountData) {
+  if (!accountData || !networkInfo) {
     // @todo: Error handling
     return null;
   }
@@ -147,6 +149,7 @@ function AccountOverviewContent({ accountName }: { accountName: string }) {
             <TabPanel p={0}>
               <AccountAssets accountName={accountName} />
               <NotesList
+                networkId={networkInfo.networkId}
                 asTransactions
                 isLoading={isLoading}
                 isError={isError}

renderer/pages/accounts/[account-name]/transaction/[transaction-hash].tsx

@@ -39,15 +39,19 @@ function SingleTransactionContent({
     name: accountName,
   });
 
+  const { data: networkInfo } = trpcReact.getNetworkInfo.useQuery();
+
   const { data: transactionData } = trpcReact.getTransaction.useQuery({
     accountName,
     transactionHash,
   });
 
   const isChainportTransaction =
-    !!transactionData && isChainportTx(transactionData);
+    !!transactionData &&
+    !!networkInfo &&
+    isChainportTx(networkInfo.networkId, transactionData);
 
-  if (!accountData) {
+  if (!accountData || !networkInfo) {
     return null;
   }
 
@@ -122,12 +126,14 @@ function SingleTransactionContent({
         />
       )}
       <NotesList
+        networkId={networkInfo.networkId}
         heading={formatMessage(messages.transactionNotes)}
         notes={showSelfSendNotes ? regularNotes : transactionData.notes}
       />
       {showSelfSendNotes && (
         <Box mt={10}>
           <NotesList
+            networkId={networkInfo.networkId}
             heading={formatMessage(messages.change)}
             notes={selfSendNotes}
           />

renderer/utils/chainport/isChainportTx.ts

@@ -1,33 +1,62 @@
 import { TRPCRouterOutputs } from "@/providers/TRPCProvider";
 
-const OUTGOING_ADDRESSES = new Set(
-  toLower([
-    "06102d319ab7e77b914a1bd135577f3e266fd82a3e537a02db281421ed8b3d13",
-    "db2cf6ec67addde84cc1092378ea22e7bb2eecdeecac5e43febc1cb8fb64b5e5",
-    "3be494deb669ff8d943463bb6042eabcf0c5346cf444d569e07204487716cb85",
-  ]),
-);
-
-const INCOMING_ADDRESSES = new Set(
-  toLower(["06102d319ab7e77b914a1bd135577f3e266fd82a3e537a02db281421ed8b3d13"]),
-);
+const chainportConfig = {
+  0: {
+    outgoingAddresses: new Set(
+      toLower([
+        "06102d319ab7e77b914a1bd135577f3e266fd82a3e537a02db281421ed8b3d13",
+        "db2cf6ec67addde84cc1092378ea22e7bb2eecdeecac5e43febc1cb8fb64b5e5",
+        "3be494deb669ff8d943463bb6042eabcf0c5346cf444d569e07204487716cb85",
+      ]),
+    ),
+    incomingAddresses: new Set(
+      toLower([
+        "06102d319ab7e77b914a1bd135577f3e266fd82a3e537a02db281421ed8b3d13",
+      ]),
+    ),
+  },
+  1: {
+    outgoingAddresses: new Set(
+      toLower([
+        "576ffdcc27e11d81f5180d3dc5690294941170d492b2d9503c39130b1f180405",
+        "7ac2d6a59e19e66e590d014af013cd5611dc146e631fa2aedf0ee3ed1237eebe",
+      ]),
+    ),
+    incomingAddresses: new Set(
+      toLower([
+        "1216302193e8f1ad020f458b54a163039403d803e98673c6a85e59b5f4a1a900",
+      ]),
+    ),
+  },
+};
 
 type TransactionData = TRPCRouterOutputs["getTransaction"];
 type TransactionNote = TransactionData["notes"][number];
 
-export function isChainportNote(note: TransactionNote) {
+export function isChainportNote(networkId: number, note: TransactionNote) {
+  if (networkId !== 1 && networkId !== 0) {
+    throw new Error(`Unknown network id: ${networkId}`);
+  }
+
+  const config = chainportConfig[networkId];
+
   if (note.type === "send") {
-    return hasAddress(OUTGOING_ADDRESSES, toLower(note.to));
+    const { outgoingAddresses } = config;
+    return hasAddress(outgoingAddresses, toLower(note.to));
   }
   if (note.type === "receive") {
-    return hasAddress(INCOMING_ADDRESSES, toLower(note.from));
+    const { incomingAddresses } = config;
+    return hasAddress(incomingAddresses, toLower(note.from));
   }
   return false;
 }
 
-export function isChainportTx(transactionData: TransactionData) {
+export function isChainportTx(
+  networkId: number,
+  transactionData: TransactionData,
+) {
   return transactionData.notes.some((note) => {
-    return isChainportNote(note);
+    return isChainportNote(networkId, note);
   });
 }