From 8f278a228a12fa741a0b25c1f7d3bc90b71d110f Mon Sep 17 00:00:00 2001
From: DaKheera47 <shaheergoodboy@gmail.com>
Date: Thu, 15 Jan 2026 18:26:44 +0000
Subject: [PATCH] header buttons don't lcose the dropdown

---
 orchestrator/src/client/components/Header.tsx | 18 +++++++++----
 .../src/client/pages/OrchestratorPage.tsx     | 26 ++++++++++++++++---
 2 files changed, 36 insertions(+), 8 deletions(-)

diff --git a/orchestrator/src/client/components/Header.tsx b/orchestrator/src/client/components/Header.tsx
index 1927da8..bb9f0e7 100644
--- a/orchestrator/src/client/components/Header.tsx
+++ b/orchestrator/src/client/components/Header.tsx
@@ -166,25 +166,33 @@ export const Header: React.FC<HeaderProps> = ({
                     onCheckedChange={(checked) =>
                       toggleSource(source, Boolean(checked))
                     }
+                    onSelect={(e) => e.preventDefault()}
                   >
                     {sourceLabel[source]}
                   </DropdownMenuCheckboxItem>
                 ))}
                 <DropdownMenuSeparator />
                 <DropdownMenuItem
-                  onSelect={() => onPipelineSourcesChange(orderedSources)}
+                  onSelect={(e) => {
+                    e.preventDefault();
+                    onPipelineSourcesChange(orderedSources);
+                  }}
                 >
                   All sources
                 </DropdownMenuItem>
                 <DropdownMenuItem
-                  onSelect={() => onPipelineSourcesChange(["gradcracker"])}
+                  onSelect={(e) => {
+                    e.preventDefault();
+                    onPipelineSourcesChange(["gradcracker"]);
+                  }}
                 >
                   Gradcracker only
                 </DropdownMenuItem>
                 <DropdownMenuItem
-                  onSelect={() =>
-                    onPipelineSourcesChange(["indeed", "linkedin"])
-                  }
+                  onSelect={(e) => {
+                    e.preventDefault();
+                    onPipelineSourcesChange(["indeed", "linkedin"]);
+                  }}
                 >
                   Indeed + LinkedIn only
                 </DropdownMenuItem>
diff --git a/orchestrator/src/client/pages/OrchestratorPage.tsx b/orchestrator/src/client/pages/OrchestratorPage.tsx
index f4f25c7..df5c5f2 100644
--- a/orchestrator/src/client/pages/OrchestratorPage.tsx
+++ b/orchestrator/src/client/pages/OrchestratorPage.tsx
@@ -681,14 +681,34 @@ export const OrchestratorPage: React.FC = () => {
                       key={source}
                       checked={pipelineSources.includes(source)}
                       onCheckedChange={(checked) => toggleSource(source, Boolean(checked))}
+                      onSelect={(e) => e.preventDefault()}
                     >
                       {sourceLabel[source]}
                     </DropdownMenuCheckboxItem>
                   ))}
                   <DropdownMenuSeparator />
-                  <DropdownMenuItem onSelect={() => setPipelineSources(orderedSources)}>All sources</DropdownMenuItem>
-                  <DropdownMenuItem onSelect={() => setPipelineSources(["gradcracker"])}>Gradcracker only</DropdownMenuItem>
-                  <DropdownMenuItem onSelect={() => setPipelineSources(["indeed", "linkedin"])}>
+                  <DropdownMenuItem
+                    onSelect={(e) => {
+                      e.preventDefault();
+                      setPipelineSources(orderedSources);
+                    }}
+                  >
+                    All sources
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                    onSelect={(e) => {
+                      e.preventDefault();
+                      setPipelineSources(["gradcracker"]);
+                    }}
+                  >
+                    Gradcracker only
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                    onSelect={(e) => {
+                      e.preventDefault();
+                      setPipelineSources(["indeed", "linkedin"]);
+                    }}
+                  >
                     Indeed + LinkedIn only
                   </DropdownMenuItem>
                 </DropdownMenuContent>