From a8d665d2462aba3e6ead0607761e98e14aa45627 Mon Sep 17 00:00:00 2001
From: MauserBitfly <125363940+MauserBitfly@users.noreply.github.com>
Date: Thu, 6 Jun 2024 09:23:03 +0200
Subject: [PATCH] =?UTF-8?q?refresh=20some=20more=20tables=20on=20the=20das?=
 =?UTF-8?q?hboard=20when=20you=20manager=20your=20valid=E2=80=A6=20(#386)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refresh some more tables on the dashboard when you manager your validators

* reset validator management query, fix proposer formatting

* Hide thousan separators for validator indexes

---------

Co-authored-by: D13ce <stefan.benker@bitfly.at>
---
 frontend/components/dashboard/ValidatorManagementModal.vue  | 5 ++++-
 .../components/dashboard/table/DashboardTableBlocks.vue     | 6 +++---
 .../components/dashboard/table/DashboardTableRewards.vue    | 2 +-
 .../components/dashboard/table/DashboardTableSummary.vue    | 2 +-
 .../dashboard/table/DashboardTableWithdrawals.vue           | 6 +++---
 5 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/frontend/components/dashboard/ValidatorManagementModal.vue b/frontend/components/dashboard/ValidatorManagementModal.vue
index 490a355b0..6acc1cf15 100644
--- a/frontend/components/dashboard/ValidatorManagementModal.vue
+++ b/frontend/components/dashboard/ValidatorManagementModal.vue
@@ -34,7 +34,9 @@ const selectedValidator = ref<string>('')
 const { addEntities, removeEntities, dashboardKey, isPublic } = useDashboardKey()
 const { isLoggedIn, user } = useUserStore()
 
-const { value: query, temp: tempQuery, bounce: setQuery } = useDebounceValue<PathValues | undefined>({ limit: pageSize.value, sort: 'index:asc' }, 500)
+const initialQuery = { limit: pageSize.value, sort: 'index:asc' }
+
+const { value: query, temp: tempQuery, bounce: setQuery, instant: instantQuery } = useDebounceValue<PathValues | undefined>(initialQuery, 500)
 
 const data = ref<InternalGetValidatorDashboardValidatorsResponse | undefined>()
 const selected = ref<VDBManageValidatorsTableRow[]>()
@@ -56,6 +58,7 @@ const resetData = () => {
   selected.value = []
   selectedGroup.value = -1
   cursor.value = undefined
+  instantQuery(initialQuery)
 }
 
 const onClose = () => {
diff --git a/frontend/components/dashboard/table/DashboardTableBlocks.vue b/frontend/components/dashboard/table/DashboardTableBlocks.vue
index c0fe506bd..5f1ee4e29 100644
--- a/frontend/components/dashboard/table/DashboardTableBlocks.vue
+++ b/frontend/components/dashboard/table/DashboardTableBlocks.vue
@@ -16,7 +16,7 @@ const { blocks, query: lastQuery, isLoading, getBlocks } = useValidatorDashboard
 const { value: query, temp: tempQuery, bounce: setQuery } = useDebounceValue<TableQueryParams | undefined>(undefined, 500)
 
 const { groups } = useValidatorDashboardGroups()
-const { hasValidators } = useValidatorDashboardOverviewStore()
+const { hasValidators, overview } = useValidatorDashboardOverviewStore()
 
 const { width } = useWindowSize()
 const colsVisible = computed(() => {
@@ -38,7 +38,7 @@ const loadData = (query?: TableQueryParams) => {
   setQuery(query, true, true)
 }
 
-watch(dashboardKey, () => {
+watch([dashboardKey, overview], () => {
   loadData()
 }, { immediate: true })
 
@@ -119,7 +119,7 @@ const isRowExpandable = (row: VDBBlocksTableRow) => {
                   target="_blank"
                   class="link"
                 >
-                  <BcFormatNumber :value="slotProps.data.proposer" default="-" />
+                  {{ slotProps.data.proposer || '-' }}
                 </BcLink>
               </template>
             </Column>
diff --git a/frontend/components/dashboard/table/DashboardTableRewards.vue b/frontend/components/dashboard/table/DashboardTableRewards.vue
index 83c974e3b..2f575916d 100644
--- a/frontend/components/dashboard/table/DashboardTableRewards.vue
+++ b/frontend/components/dashboard/table/DashboardTableRewards.vue
@@ -40,7 +40,7 @@ const loadData = (query?: TableQueryParams) => {
   setQuery(query, true, true)
 }
 
-watch(() => [dashboardKey.value, overview.value], () => {
+watch([dashboardKey, overview], () => {
   loadData()
 }, { immediate: true })
 
diff --git a/frontend/components/dashboard/table/DashboardTableSummary.vue b/frontend/components/dashboard/table/DashboardTableSummary.vue
index 2ab1618bb..2844b43c4 100644
--- a/frontend/components/dashboard/table/DashboardTableSummary.vue
+++ b/frontend/components/dashboard/table/DashboardTableSummary.vue
@@ -34,7 +34,7 @@ const loadData = (q?: TableQueryParams) => {
   setQuery(q, true, true)
 }
 
-watch(() => [dashboardKey.value, overview.value], () => {
+watch([dashboardKey, overview], () => {
   loadData()
 }, { immediate: true })
 
diff --git a/frontend/components/dashboard/table/DashboardTableWithdrawals.vue b/frontend/components/dashboard/table/DashboardTableWithdrawals.vue
index 416ed90f9..0a65b9837 100644
--- a/frontend/components/dashboard/table/DashboardTableWithdrawals.vue
+++ b/frontend/components/dashboard/table/DashboardTableWithdrawals.vue
@@ -22,7 +22,7 @@ const { withdrawals, query: lastQuery, getWithdrawals, totalAmount, getTotalAmou
 const { value: query, temp: tempQuery, bounce: setQuery } = useDebounceValue<TableQueryParams | undefined>(undefined, 500)
 const totalIdentifier = 'total'
 
-const { hasValidators } = useValidatorDashboardOverviewStore()
+const { hasValidators, overview } = useValidatorDashboardOverviewStore()
 const { groups } = useValidatorDashboardGroups()
 
 const { width } = useWindowSize()
@@ -43,7 +43,7 @@ const loadData = (query?: TableQueryParams) => {
   setQuery(query, true, true)
 }
 
-watch(dashboardKey, () => {
+watch([dashboardKey, overview], () => {
   loadData()
   getTotalAmount(dashboardKey.value)
 }, { immediate: true })
@@ -173,7 +173,7 @@ const isRowInFuture = (row: ExtendedVDBWithdrawalsTableRow) => {
                   target="_blank"
                   class="link"
                 >
-                  <BcFormatNumber :value="slotProps.data.index" default="-" />
+                  {{ slotProps.data.index || "-" }}
                 </BcLink>
                 <div v-else class="all-time-total">
                   Σ