Preserve Gigs tab in URL hash

michaelmwu · michaelmwu · commit 05ebf340373e · 2026-07-10T23:03:21.000-07:00
diff --git a/apps/admin_dashboard/src/main.tsx b/apps/admin_dashboard/src/main.tsx
@@ -82,6 +82,7 @@ type View =
   | "audit"
   | "configuration"
 type SortDirection = "asc" | "desc"
+type GigTab = "gigs" | "leads"
 
 type User = {
   subject: string
@@ -666,6 +667,19 @@ function detailIdFromPath(expectedView: "gigs" | "projects" = "gigs") {
   }
 }
 
+function gigTabFromHash(hash = window.location.hash): GigTab {
+  return hash.replace(/^#/, "") === "leads" ? "leads" : "gigs"
+}
+
+function updateGigTabHash(tab: GigTab) {
+  const hash = tab === "leads" ? "#leads" : "#gigs"
+  window.history.replaceState(
+    window.history.state,
+    "",
+    `${window.location.pathname}${window.location.search}${hash}`,
+  )
+}
+
 async function requestJson<T>(url: string, options: RequestInit = {}): Promise<T> {
   const method = String(options.method || "GET").toUpperCase()
   const headers = new Headers(options.headers)
@@ -908,7 +922,7 @@ function App() {
   const [gigQuery, setGigQuery] = useState("")
   const [gigIncludeHistorical, setGigIncludeHistorical] = useState(false)
   const [gigLimit, setGigLimit] = useState(100)
-  const [activeGigTab, setActiveGigTab] = useState<"gigs" | "leads">("gigs")
+  const [activeGigTab, setActiveGigTab] = useState<GigTab>(gigTabFromHash)
   const [gigLeadStatus, setGigLeadStatus] = useState("pending")
   const [projectQuery, setProjectQuery] = useState("")
   const [projectStatus, setProjectStatus] = useState(initialProjectDetailId ? "" : "Open")
@@ -984,6 +998,11 @@ function App() {
   }
   navigateRef.current = navigate
 
+  function selectGigTab(tab: GigTab) {
+    setActiveGigTab(tab)
+    updateGigTabHash(tab)
+  }
+
   function crmContactUrl(contactId?: string) {
     if (!crmBaseUrl || !contactId) return ""
     return `${crmBaseUrl}/#Contact/view/${encodeURIComponent(contactId)}`
@@ -1717,7 +1736,7 @@ function App() {
         },
       )
       showToast("Posted lead to Discord", "ok")
-      setActiveGigTab("gigs")
+      selectGigTab("gigs")
       setGigStatus("")
       setGigQuery("")
       await loadGigLeads()
@@ -2344,6 +2363,12 @@ function App() {
     return () => window.removeEventListener("popstate", onPopState)
   }, [])
 
+  useEffect(() => {
+    const onHashChange = () => setActiveGigTab(gigTabFromHash())
+    window.addEventListener("hashchange", onHashChange)
+    return () => window.removeEventListener("hashchange", onHashChange)
+  }, [])
+
   useEffect(() => {
     if (!toast.message) return undefined
     const timeout = window.setTimeout(() => setToast({ message: "" }), 4500)
@@ -2776,7 +2801,7 @@ function App() {
               canIncludeHistorical={can("people:read")}
               crmContactUrl={crmContactUrl}
               crmAttachmentUrl={crmAttachmentUrl}
-              setActiveTab={setActiveGigTab}
+              setActiveTab={selectGigTab}
               setStatus={setGigStatus}
               setQuery={setGigQuery}
               setLeadStatus={setGigLeadStatus}
diff --git a/apps/api/src/five08/backend/static/dashboard/.vite/manifest.json b/apps/api/src/five08/backend/static/dashboard/.vite/manifest.json
@@ -1,6 +1,6 @@
 {
   "index.html": {
-    "file": "assets/index-LL0oAOC_.js",
+    "file": "assets/index-B8DN-DxD.js",
     "name": "index",
     "src": "index.html",
     "isEntry": true,
diff --git a/apps/api/src/five08/backend/static/dashboard/assets/index-B8DN-DxD.js b/apps/api/src/five08/backend/static/dashboard/assets/index-B8DN-DxD.js
diff --git a/apps/api/src/five08/backend/static/dashboard/assets/index-LL0oAOC_.js b/apps/api/src/five08/backend/static/dashboard/assets/index-LL0oAOC_.js
diff --git a/apps/api/src/five08/backend/static/dashboard/index.html b/apps/api/src/five08/backend/static/dashboard/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>508 Operations Dashboard</title>
-    <script type="module" crossorigin src="/dashboard/assets/index-LL0oAOC_.js"></script>
+    <script type="module" crossorigin src="/dashboard/assets/index-B8DN-DxD.js"></script>
     <link rel="stylesheet" crossorigin href="/dashboard/assets/index-2UypYUrJ.css">
   </head>
   <body>
diff --git a/tests/integration/test_dashboard_playwright.py b/tests/integration/test_dashboard_playwright.py
@@ -862,6 +862,8 @@ def sync_route(route: Any) -> None:
                 "status=" not in urlparse(url).query for url in gig_list_requests
             )
             page.locator("#gigLeadsTab").click()
+            expect(page).to_have_url(f"{dashboard_server}/dashboard/gigs#leads")
+            page.reload()
             page.get_by_text("Contract React Build").wait_for()
             expect(
                 page.get_by_text("Full-time or part-time / contract · LLM")

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"index.html": {`
`3`		`- "file": "assets/index-LL0oAOC_.js",`
	`3`	`+ "file": "assets/index-B8DN-DxD.js",`
`4`	`4`	`"name": "index",`
`5`	`5`	`"src": "index.html",`
`6`	`6`	`"isEntry": true,`
Original file line number	Diff line number	Diff line change
`@@ -862,6 +862,8 @@ def sync_route(route: Any) -> None:`
`862`	`862`	`"status=" not in urlparse(url).query for url in gig_list_requests`
`863`	`863`	`)`
`864`	`864`	`page.locator("#gigLeadsTab").click()`
	`865`	`+ expect(page).to_have_url(f"{dashboard_server}/dashboard/gigs#leads")`
	`866`	`+ page.reload()`
`865`	`867`	`page.get_by_text("Contract React Build").wait_for()`
`866`	`868`	`expect(`
`867`	`869`	`page.get_by_text("Full-time or part-time / contract · LLM")`