Fix/edu search placeholder text (#640)

* modifying the placeholder text for EDU NavSearchForm * modifying same placeholder text for mobile nav
nasa-jpl · Sep 26, 2024 · d6b60e0 · d6b60e0
1 parent efd1d64
commit d6b60e0
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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"