From f8b1c6a3369f76465cb3c32fd0c654aa27da960b Mon Sep 17 00:00:00 2001
From: Findeton <felix@sequentech.io>
Date: Fri, 20 Mar 2026 17:21:48 +0000
Subject: [PATCH] wip

---
 .../dashboard/election/Dashboard.tsx          | 19 +++++++++++++++++--
 .../src/resources/Election/ElectionTabs.tsx   | 14 ++++++++++----
 .../ElectionEvent/ElectionEventTabs.tsx       |  1 +
 3 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/packages/admin-portal/src/components/dashboard/election/Dashboard.tsx b/packages/admin-portal/src/components/dashboard/election/Dashboard.tsx
index a779d1bce27..9697067fb0b 100644
--- a/packages/admin-portal/src/components/dashboard/election/Dashboard.tsx
+++ b/packages/admin-portal/src/components/dashboard/election/Dashboard.tsx
@@ -27,7 +27,11 @@ const Container = styled(Box)`
     justify-content: space-between;
 `
 
-export default function DashboardElection() {
+interface DashboardElectionProps {
+    refreshRef?: React.RefObject<HTMLButtonElement | null>
+}
+
+export default function DashboardElection({refreshRef}: DashboardElectionProps) {
     const {i18n} = useTranslation()
     const [tenantId] = useTenantStore()
     const {globalSettings} = useContext(SettingsContext)
@@ -49,7 +53,11 @@ export default function DashboardElection() {
     // Ensure required parameters are set before running the query.
     const canQueryStats = Boolean(tenantId && record?.election_event_id && record?.id)
 
-    const {loading, data: dataStats} = useQuery<GetElectionStatsQuery>(GET_ELECTION_STATS, {
+    const {
+        loading,
+        data: dataStats,
+        refetch: doRefetch,
+    } = useQuery<GetElectionStatsQuery>(GET_ELECTION_STATS, {
         variables: {
             tenantId,
             electionEventId: record?.election_event_id,
@@ -83,6 +91,13 @@ export default function DashboardElection() {
     return (
         <Box sx={{width: 1024, marginX: "auto"}} className="dashboard">
             <Box>
+                <button
+                    ref={refreshRef}
+                    onClick={() => {
+                        doRefetch()
+                    }}
+                    style={{display: "none"}}
+                />
                 <Stats metrics={metrics} />
 
                 <Container>
diff --git a/packages/admin-portal/src/resources/Election/ElectionTabs.tsx b/packages/admin-portal/src/resources/Election/ElectionTabs.tsx
index e593823a275..63ffb7bac9c 100644
--- a/packages/admin-portal/src/resources/Election/ElectionTabs.tsx
+++ b/packages/admin-portal/src/resources/Election/ElectionTabs.tsx
@@ -2,7 +2,7 @@
 //
 // SPDX-License-Identifier: AGPL-3.0-only
 
-import React, {Suspense, useContext, useEffect, useMemo, useState} from "react"
+import React, {Suspense, useContext, useEffect, useMemo, useRef, useState} from "react"
 import {useTranslation} from "react-i18next"
 import {useRecordContext, useSidebarState, RecordContextProvider} from "react-admin"
 import {v4 as uuidv4} from "uuid"
@@ -27,9 +27,11 @@ import {useAliasRenderer} from "@/hooks/useAliasRenderer"
 // Stable Tab Components
 // ---------------------------------------------------------------------
 
-const DashboardTab: React.FC = () => (
+const DashboardTab: React.FC<{refreshRef: React.RefObject<HTMLButtonElement | null>}> = ({
+    refreshRef,
+}) => (
     <Suspense fallback={<div>Loading Dashboard...</div>}>
-        <DashboardElection />
+        <DashboardElection refreshRef={refreshRef} />
     </Suspense>
 )
 
@@ -85,6 +87,7 @@ export const ElectionTabs: React.FC = () => {
     const [hasPermissionToViewElection, setHasPermissionToViewElection] = useState<boolean>(true)
     const [open] = useSidebarState()
     const aliasRenderer = useAliasRenderer()
+    const refreshRef = useRef<HTMLButtonElement | null>(null)
 
     const isElectionEventLocked =
         record?.presentation?.locked_down === EElectionEventLockedDown.LOCKED_DOWN
@@ -135,7 +138,8 @@ export const ElectionTabs: React.FC = () => {
     const tabs = useMemo(() => {
         const result: Array<{
             label: string
-            component: React.FC
+            component: React.FC<any>
+            props?: any
             action?: (index: number) => void
         }> = []
 
@@ -143,6 +147,8 @@ export const ElectionTabs: React.FC = () => {
             result.push({
                 label: t("electionScreen.tabs.dashboard"),
                 component: DashboardTab,
+                props: {refreshRef},
+                action: () => refreshRef.current?.click(),
             })
         }
 
diff --git a/packages/admin-portal/src/resources/ElectionEvent/ElectionEventTabs.tsx b/packages/admin-portal/src/resources/ElectionEvent/ElectionEventTabs.tsx
index 72dfe2e215e..234237b5ca9 100644
--- a/packages/admin-portal/src/resources/ElectionEvent/ElectionEventTabs.tsx
+++ b/packages/admin-portal/src/resources/ElectionEvent/ElectionEventTabs.tsx
@@ -303,6 +303,7 @@ export const ElectionEventTabs: React.FC = () => {
                 label: t("electionEventScreen.tabs.dashboard"),
                 component: DashboardTab,
                 props: {refreshRef, handleChildMount},
+                action: () => refreshRef.current?.click(),
             })
         }