feat: apply search filter to withdrawals and deposits total queries

See: BEDS-1489

Author: enzo-bitfly

frontend/composables/useDashboardData.ts

@@ -30,12 +30,16 @@ export const useDashboardData = () => {
 
     return res
   }
-  async function fetchELDpositsTotalAmount(dashboardKey: DashboardKey) {
+  async function fetchELDpositsTotalAmount(
+    dashboardKey: DashboardKey,
+    query?: Pick<TableQueryParams, 'search'>,
+  ) {
     const res
       = await fetch<GetValidatorDashboardTotalExecutionDepositsResponse>(
         'DASHBOARD_EL_DEPOSITS_TOTAL',
         undefined,
         { dashboardKey },
+        query,
       )
 
     return res
@@ -56,12 +60,16 @@ export const useDashboardData = () => {
     return res
   }
 
-  async function fetchClDpositsTotalAmount(dashboardKey: DashboardKey) {
+  async function fetchClDpositsTotalAmount(
+    dashboardKey: DashboardKey,
+    query?: Pick<TableQueryParams, 'search'>,
+  ) {
     const res
       = await fetch<GetValidatorDashboardTotalConsensusDepositsResponse>(
         'DASHBOARD_CL_DEPOSITS_TOTAL',
         undefined,
         { dashboardKey },
+        query,
       )
 
     return res
@@ -112,12 +120,14 @@ export const useDashboardData = () => {
 
   async function fetchElWithdrawalsTotalAmount(
     dashboardKey: DashboardKey,
+    query?: Pick<TableQueryParams, 'search'>,
   ) {
     const res
       = await fetch<GetValidatorDashboardTotalExecutionWithdrawalsResponse>(
         'DASHBOARD_EL_WITHDRAWALS_TOTAL',
         undefined,
         { dashboardKey },
+        query,
       )
 
     return res
@@ -140,12 +150,14 @@ export const useDashboardData = () => {
 
   async function fetchClWithdrawalsTotalAmount(
     dashboardKey: DashboardKey,
+    query?: Pick<TableQueryParams, 'search'>,
   ) {
     const res
       = await fetch<GetValidatorDashboardTotalConsensusWithdrawalsResponse>(
         'DASHBOARD_CL_WITHDRAWALS_TOTAL',
         undefined,
         { dashboardKey },
+        query,
       )
 
     return res

frontend/pages/dashboard/[[id]]/index.vue

@@ -206,7 +206,10 @@ const {
       dashboardKey.value,
       elDepositsQueryParams.value,
     ),
-    dashboardData.fetchELDpositsTotalAmount(dashboardKey.value),
+    dashboardData.fetchELDpositsTotalAmount(
+      dashboardKey.value,
+      { search: elDepositsQueryParams.value.search },
+    ),
   ])
 },
 {
@@ -233,7 +236,10 @@ const {
       dashboardKey.value,
       clDepositsQueryParams.value,
     ),
-    dashboardData.fetchClDpositsTotalAmount(dashboardKey.value),
+    dashboardData.fetchClDpositsTotalAmount(
+      dashboardKey.value,
+      { search: clDepositsQueryParams.value.search },
+    ),
   ])
 },
 {
@@ -260,7 +266,10 @@ const {
       dashboardKey.value,
       elWithdrawalsQueryParams.value,
     ),
-    dashboardData.fetchElWithdrawalsTotalAmount(dashboardKey.value),
+    dashboardData.fetchElWithdrawalsTotalAmount(
+      dashboardKey.value,
+      { search: elWithdrawalsQueryParams.value.search },
+    ),
   ])
 },
 {
@@ -287,7 +296,10 @@ const {
       dashboardKey.value,
       clWithdrawalsQueryParams.value,
     ),
-    dashboardData.fetchClWithdrawalsTotalAmount(dashboardKey.value),
+    dashboardData.fetchClWithdrawalsTotalAmount(
+      dashboardKey.value,
+      { search: clWithdrawalsQueryParams.value.search },
+    ),
   ])
 },
 {