add remasc and bridge to tx types (#1096)

types/api/transaction.ts

@@ -80,6 +80,12 @@ export interface TransactionsResponseWatchlist {
   } | null;
 }
 
-export type TransactionType = 'token_transfer' | 'contract_creation' | 'contract_call' | 'token_creation' | 'coin_transfer'
+export type TransactionType = 'rootstock_remasc' |
+'rootstock_bridge' |
+'token_transfer' |
+'contract_creation' |
+'contract_call' |
+'token_creation' |
+'coin_transfer'
 
 export type TxsResponse = TransactionsResponseValidated | TransactionsResponsePending | BlockTransactionsResponse;

ui/txs/TxType.tsx

@@ -9,7 +9,7 @@ export interface Props {
   isLoading?: boolean;
 }
 
-const TYPES_ORDER = [ 'token_creation', 'contract_creation', 'token_transfer', 'contract_call', 'coin_transfer' ];
+const TYPES_ORDER = [ 'rootstock_remasc', 'rootstock_bridge', 'token_creation', 'contract_creation', 'token_transfer', 'contract_call', 'coin_transfer' ];
 
 const TxType = ({ types, isLoading }: Props) => {
   const typeToShow = types.sort((t1, t2) => TYPES_ORDER.indexOf(t1) - TYPES_ORDER.indexOf(t2))[0];
@@ -38,6 +38,14 @@ const TxType = ({ types, isLoading }: Props) => {
       label = 'Coin transfer';
       colorScheme = 'orange';
       break;
+    case 'rootstock_remasc':
+      label = 'REMASC';
+      colorScheme = 'blue';
+      break;
+    case 'rootstock_bridge':
+      label = 'Bridge';
+      colorScheme = 'blue';
+      break;
     default:
       label = 'Transaction';
       colorScheme = 'purple';