feat: add staking_transactions filter to the address txs

protofire · Jan 9, 2025 · dce1a45 · dce1a45
1 parent d56eb11
commit dce1a45
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 20 deletions.
diff --git a/types/api/address.ts b/types/api/address.ts
@@ -56,13 +56,13 @@ export type AddressNFT = TokenInstance & {
   token: TokenInfo;
   token_type: Omit<TokenType, 'ERC-20'>;
   value: string;
-}
+};
 
 export type AddressCollection = {
   token: TokenInfo;
   amount: string;
   token_instances: Array<Omit<AddressNFT, 'token'>>;
-}
+};
 
 export interface AddressTokensResponse {
   items: Array<AddressTokenBalance>;
@@ -116,13 +116,13 @@ export interface AddressStakingTransactionsResponse {
   } | null;
 }
 
-export const AddressFromToFilterValues = [ 'from', 'to' ] as const;
+export const AddressFromToFilterValues = [ 'from', 'to', 'staking_transactions' ] as const;
 
-export type AddressFromToFilter = typeof AddressFromToFilterValues[number] | undefined;
+export type AddressFromToFilter = (typeof AddressFromToFilterValues)[number] | undefined;
 
 export type AddressTxsFilters = {
   filter: AddressFromToFilter;
-}
+};
 
 export interface AddressTokenTransferResponse {
   items: Array<TokenTransfer>;
@@ -133,15 +133,15 @@ export type AddressTokenTransferFilters = {
   filter?: AddressFromToFilter;
   type?: Array<TokenType>;
   token?: string;
-}
+};
 
 export type AddressTokensFilter = {
   type: TokenType;
-}
+};
 
 export type AddressNFTTokensFilter = {
   type: Array<NFTTokenType> | undefined;
-}
+};
 
 export interface AddressCoinBalanceHistoryItem {
   block_number: number;
@@ -162,7 +162,7 @@ export interface AddressCoinBalanceHistoryResponse {
 export type AddressCoinBalanceHistoryChart = Array<{
   date: string;
   value: string;
-}>
+}>;
 
 export interface AddressBlocksValidatedResponse {
   items: Array<Block>;
@@ -187,15 +187,15 @@ export type AddressWithdrawalsResponse = {
     index: number;
     items_count: number;
   };
-}
+};
 
 export type AddressWithdrawalsItem = {
   amount: string;
   block_number: number;
   index: number;
   timestamp: string;
   validator_index: number;
-}
+};
 
 export type AddressTabsCounters = {
   internal_txs_count: number | null;
@@ -206,4 +206,4 @@ export type AddressTabsCounters = {
   staking_transactions_count: number | null;
   validations_count: number | null;
   withdrawals_count: number | null;
-}
+};
diff --git a/ui/address/AddressTxsFilter.tsx b/ui/address/AddressTxsFilter.tsx
@@ -1,11 +1,4 @@
-import {
-  Menu,
-  MenuButton,
-  MenuList,
-  MenuOptionGroup,
-  MenuItemOption,
-  useDisclosure,
-} from '@chakra-ui/react';
+import { Menu, MenuButton, MenuList, MenuOptionGroup, MenuItemOption, useDisclosure } from '@chakra-ui/react';
 import React from 'react';
 
 import type { AddressFromToFilter } from 'types/api/address';
@@ -40,6 +33,7 @@ const AddressTxsFilter = ({ onFilterChange, defaultFilter, isActive, isLoading }
           <MenuItemOption value="all">All</MenuItemOption>
           <MenuItemOption value="from">Outgoing transactions</MenuItemOption>
           <MenuItemOption value="to">Incoming transactions</MenuItemOption>
+          <MenuItemOption value="staking_transactions">Staking transactions</MenuItemOption>
         </MenuOptionGroup>
       </MenuList>
     </Menu>