From 2e95a8a11725a000b7ebf946bc988b7fd96c73a5 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Tue, 2 Sep 2025 09:04:55 -0700
Subject: [PATCH] Reset search when header button is clicked - Closes #1979
 (#4309)

---
 apps/frontend/src/components/ui/NavTabs.vue            | 4 ++++
 apps/frontend/src/pages/search/[searchProjectType].vue | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/apps/frontend/src/components/ui/NavTabs.vue b/apps/frontend/src/components/ui/NavTabs.vue
index 5a2c0b788..d3114eebe 100644
--- a/apps/frontend/src/components/ui/NavTabs.vue
+++ b/apps/frontend/src/components/ui/NavTabs.vue
@@ -14,6 +14,7 @@
 				'text-button-textSelected': activeIndex === index && !subpageSelected,
 				'text-contrast': activeIndex === index && subpageSelected,
 			}"
+			@click="(e) => emit('click', e)"
 		>
 			<component :is="link.icon" v-if="link.icon" class="size-5" />
 			<span class="text-nowrap">{{ link.label }}</span>
@@ -38,6 +39,9 @@
 import { computed, onMounted, ref, watch } from 'vue'
 
 const route = useNativeRoute()
+const emit = defineEmits<{
+	(e: 'click', event: MouseEvent): void
+}>()
 
 interface Tab {
 	label: string
diff --git a/apps/frontend/src/pages/search/[searchProjectType].vue b/apps/frontend/src/pages/search/[searchProjectType].vue
index bd9088014..ca8783c79 100644
--- a/apps/frontend/src/pages/search/[searchProjectType].vue
+++ b/apps/frontend/src/pages/search/[searchProjectType].vue
@@ -54,6 +54,7 @@
 				v-if="!server && !flags.projectTypesPrimaryNav"
 				:links="selectableProjectTypes"
 				class="hidden md:flex"
+				@click="query = ''"
 			/>
 		</section>
 		<aside
@@ -385,6 +386,9 @@ await updateServerContext()
 
 watch(route, () => {
 	updateServerContext()
+	if (!route.params.q) {
+		query.value = ''
+	}
 })
 
 async function updateServerContext() {