From d6b60e05e79be3760781b385a9457ae0bc5d04d8 Mon Sep 17 00:00:00 2001
From: Stephanie Smith <stephiescastle@users.noreply.github.com>
Date: Thu, 26 Sep 2024 12:49:17 -0700
Subject: [PATCH] Fix/edu search placeholder text (#640)

* modifying the placeholder text for EDU NavSearchForm

* modifying same placeholder text for mobile nav
---
 packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue | 1 +
 packages/vue/src/components/NavMobile/NavMobile.vue         | 1 +
 packages/vue/src/components/NavSearchForm/NavSearchForm.vue | 6 ++++--
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue b/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue
index 37f8dc96..45ac5f31 100644
--- a/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue
+++ b/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue
@@ -96,6 +96,7 @@
             >
               <NavSearchForm
                 class="w-full"
+                placeholder="Search JPL Education"
                 @clear-search="closeSearch()"
                 @submit-form="closeSearch()"
               />
diff --git a/packages/vue/src/components/NavMobile/NavMobile.vue b/packages/vue/src/components/NavMobile/NavMobile.vue
index 659bf6b3..6242c8ea 100644
--- a/packages/vue/src/components/NavMobile/NavMobile.vue
+++ b/packages/vue/src/components/NavMobile/NavMobile.vue
@@ -67,6 +67,7 @@
           <!-- search input goes here -->
           <NavSearchForm
             mobile
+            :placeholder="themeStore.isEdu ? 'Search JPL Education' : undefined"
             class="px-4 my-5"
             @submit-form="closeMenu()"
           />
diff --git a/packages/vue/src/components/NavSearchForm/NavSearchForm.vue b/packages/vue/src/components/NavSearchForm/NavSearchForm.vue
index a9214726..c525aaa9 100644
--- a/packages/vue/src/components/NavSearchForm/NavSearchForm.vue
+++ b/packages/vue/src/components/NavSearchForm/NavSearchForm.vue
@@ -8,9 +8,11 @@ const themeStore = useThemeStore()
 
 interface NavSearchFormProps {
   mobile?: boolean
+  placeholder?: string
 }
 const props = withDefaults(defineProps<NavSearchFormProps>(), {
-  mobile: false
+  mobile: false,
+  placeholder: 'Search JPL'
 })
 const emit = defineEmits(['clearSearch', 'submitForm'])
 
@@ -35,7 +37,7 @@ const submitSearch = () => {
   >
     <SearchInput
       v-model="searchQuery"
-      placeholder="Search JPL"
+      :placeholder="placeholder"
       :underlined-input="!props.mobile"
       :underlined-input-value="searchQuery"
       :auto-focus="!props.mobile"