Change staleTime to refetchInterval so validator info is refetched on…

…ce a minute so it's always tracking stakers/stake changes. Create new wrapper interface for passing the validator in Overview component instead of exporting from ValidatorDetails
algorandfoundation · Apr 5, 2024 · 599c30d · 599c30d
1 parent 76d37d1
commit 599c30d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/ui/src/api/queries.ts b/ui/src/api/queries.ts
@@ -21,7 +21,7 @@ export const validatorQueryOptions = (validatorId: number | string) =>
   queryOptions({
     queryKey: ['validator', String(validatorId)],
     queryFn: () => fetchValidator(validatorId),
-    staleTime: 1000 * 60, // every minute
+    refetchInterval: 1000, // 1 min polling on validator info
     retry: false,
   })
 

diff --git a/ui/src/components/ValidatorDetails.tsx b/ui/src/components/ValidatorDetails.tsx
@@ -14,7 +14,7 @@ import { validatorHasAvailableSlots } from '@/utils/contracts'
 import { formatDuration } from '@/utils/dayjs'
 import { ellipseAddress } from '@/utils/ellipseAddress'
 
-export interface ValidatorDetailsProps {
+interface ValidatorDetailsProps {
   validator: Validator
 }
 

diff --git a/ui/src/components/_Overview.tsx b/ui/src/components/_Overview.tsx
@@ -1,7 +1,11 @@
 import { Bar, BarChart, ResponsiveContainer, XAxis, YAxis } from 'recharts'
-import { ValidatorDetailsProps } from '@/components/ValidatorDetails'
+import { Validator } from '@/interfaces/validator'
 
-export function Overview({ validator }: ValidatorDetailsProps) {
+interface OverviewProps {
+  validator: Validator
+}
+
+export function Overview({ validator }: OverviewProps) {
   const poolData = validator?.pools.map((pool, index) => ({
     name: `Pool ${index + 1}`,
     stakers: pool.totalStakers,