CSV export of epoch transactions for address

blockscout · Nov 19, 2024 · e37d453 · e37d453
1 parent 8a5b65f
commit e37d453
Show file tree

Hide file tree

Showing 7 changed files with 27 additions and 2 deletions.
diff --git a/lib/api/resources.ts b/lib/api/resources.ts
@@ -1069,6 +1069,9 @@ export const RESOURCES = {
   csv_export_logs: {
     path: '/api/v1/logs-csv',
   },
+  csv_export_epoch_rewards: {
+    path: '/api/v1/celo-election-rewards-csv',
+  },
   graphql: {
     path: '/api/v1/graphql',
   },

diff --git a/mocks/address/epochRewards.ts b/mocks/address/epochRewards.ts
@@ -40,5 +40,11 @@ export const epochRewards: AddressEpochRewardsResponse = {
       token: tokenInfo,
     },
   ],
-  next_page_params: null,
+  next_page_params: {
+    amount: '71952055594478242556',
+    associated_account_address_hash: '0x30d060f129817c4de5fbc1366d53e19f43c8c64f',
+    block_number: 25954560,
+    items_count: 50,
+    type: 'delegated_payment',
+  },
 };
diff --git a/types/client/address.ts b/types/client/address.ts
@@ -12,4 +12,8 @@ export type CsvExportParams = {
   type: 'holders';
   filterType?: undefined;
   filterValue?: undefined;
+} | {
+  type: 'epoch-rewards';
+  filterType?: undefined;
+  filterValue?: undefined;
 };
diff --git a/ui/address/AddressEpochRewards.tsx b/ui/address/AddressEpochRewards.tsx
@@ -12,6 +12,7 @@ import DataListDisplay from 'ui/shared/DataListDisplay';
 import Pagination from 'ui/shared/pagination/Pagination';
 import useQueryWithPages from 'ui/shared/pagination/useQueryWithPages';
 
+import AddressCsvExportLink from './AddressCsvExportLink';
 import AddressEpochRewardsListItem from './epochRewards/AddressEpochRewardsListItem';
 
 type Props = {
@@ -71,7 +72,13 @@ const AddressEpochRewards = ({ scrollRef, shouldRender = true, isQueryEnabled =
 
   const actionBar = rewardsQuery.pagination.isVisible ? (
     <ActionBar mt={ -6 }>
-      <Pagination ml="auto" { ...rewardsQuery.pagination }/>
+      <AddressCsvExportLink
+        address={ hash }
+        isLoading={ rewardsQuery.pagination.isLoading }
+        params={{ type: 'epoch-rewards' }}
+        ml={{ lg: 'auto' }}
+      />
+      <Pagination ml={{ base: 0, lg: 8 }} { ...rewardsQuery.pagination }/>
     </ActionBar>
   ) : null;
 

diff --git a/...dress/__screenshots__/AddressEpochRewards.pw.tsx_default_base-view-mobile-1.png b/...dress/__screenshots__/AddressEpochRewards.pw.tsx_default_base-view-mobile-1.png
diff --git a/...ddress/__screenshots__/AddressEpochRewards.pw.tsx_mobile_base-view-mobile-1.png b/...ddress/__screenshots__/AddressEpochRewards.pw.tsx_mobile_base-view-mobile-1.png
diff --git a/ui/pages/CsvExport.tsx b/ui/pages/CsvExport.tsx
@@ -59,6 +59,11 @@ const EXPORT_TYPES: Record<CsvExportParams['type'], ExportTypeEntity> = {
     resource: 'csv_export_token_holders',
     fileNameTemplate: 'holders',
   },
+  'epoch-rewards': {
+    text: 'epoch rewards',
+    resource: 'csv_export_epoch_rewards',
+    fileNameTemplate: 'epoch_rewards',
+  },
 };
 
 const isCorrectExportType = (type: string): type is CsvExportParams['type'] => Object.keys(EXPORT_TYPES).includes(type);