chore: faster real time stats fetching

Author: x0sina

dashboard/src/components/goal-progress.tsx

@@ -156,7 +156,7 @@ export function GoalProgress() {
     : t('goal.progress', { defaultValue: 'Progress' })
   const remainingLabel = t('goal.remaining')
   const ctaLabel = isGithubGoal
-    ? t('goal.starOnGitHub', { defaultValue: 'Star on GitHub' })
+    ? t('donation.starOnGitHub', { defaultValue: 'Star on GitHub' })
     : t('goal.contribute')
   const ctaHref =
     isGithubGoal && currentGoal.repo_owner && currentGoal.repo_name

dashboard/src/components/statistics/Statistics.tsx

@@ -39,7 +39,8 @@ export default function Statistics({ data, isLoading, error, selectedServer, is_
   const { data: nodeStats, isLoading: isLoadingNodeStats } = useRealtimeNodeStats(selectedNodeId || 0, {
     query: {
       enabled: is_sudo && !!selectedNodeId, // Only fetch node stats for sudo admins with selected node
-      refetchInterval: 5000, // Update every 5 seconds
+      refetchInterval: 1500, // Update every 1.5 seconds for faster realtime updates
+      staleTime: 1000, // Consider data stale after 1 second
     },
   })
 

dashboard/src/components/statistics/SystemStatisticsSection.tsx

@@ -167,7 +167,7 @@ export default function SystemStatisticsSection({ currentStats }: SystemStatisti
       </div>
 
       {/* Total Traffic / Network Speed (depends on whether it's master or node stats) */}
-      <div className="h-full w-full animate-fade-in" style={{ animationDuration: '600ms', animationDelay: '250ms' }}>
+      <div className="h-full w-full animate-fade-in sm:col-span-2 lg:col-span-1" style={{ animationDuration: '600ms', animationDelay: '250ms' }}>
         <Card dir={dir} className="group relative h-full w-full overflow-hidden rounded-lg border transition-all duration-300 hover:shadow-lg">
           <div
             className={cn(

dashboard/src/pages/_dashboard.statistics.tsx

@@ -24,8 +24,8 @@ const Statistics = () => {
   const { data, error, isLoading } = useQuery({
     queryKey: getGetSystemStatsQueryKey(),
     queryFn: () => getSystemStats(),
-    refetchInterval: selectedServer === 'master' ? 5000 : false, // Only refetch when master is selected
-    staleTime: 3000, // Consider data stale after 3 seconds
+    refetchInterval: selectedServer === 'master' ? 2000 : false, // Update every 2 seconds for faster realtime updates
+    staleTime: 1000, // Consider data stale after 1 second
     refetchOnWindowFocus: true,
     enabled: selectedServer === 'master', // Only fetch when master is selected
   })