Change strings for projects dropdown placeholder and error state

gitlab-ce#37513

app/assets/javascripts/projects_dropdown/components/projects_list_search.vue

@@ -27,7 +27,7 @@ export default {
     listEmptyMessage() {
       return this.searchFailed ?
         s__('ProjectsDropdown|Something went wrong on our end.') :
-        s__('ProjectsDropdown|No projects matched your query');
+        s__('ProjectsDropdown|Sorry, no projects matched your search');
     },
   },
 };

app/assets/javascripts/projects_dropdown/components/search.vue

@@ -53,7 +53,7 @@ export default {
       class="form-control"
       ref="search"
       v-model="searchQuery"
-      :placeholder="s__('ProjectsDropdown|Search projects')"
+      :placeholder="s__('ProjectsDropdown|Search your projects')"
     />
     <i
       v-if="!searchQuery"

locale/gitlab.pot

@@ -987,6 +987,24 @@ msgstr ""
 msgid "Push Rules"
 msgstr ""
 
+msgid "ProjectsDropdown|Loading projects"
+msgstr ""
+
+msgid "ProjectsDropdown|Sorry, no projects matched your search"
+msgstr ""
+
+msgid "ProjectsDropdown|Projects you visit often will appear here"
+msgstr ""
+
+msgid "ProjectsDropdown|Search your projects"
+msgstr ""
+
+msgid "ProjectsDropdown|Something went wrong on our end"
+msgstr ""
+
+msgid "ProjectsDropdown|This feature requires browser localStorage support"
+msgstr ""
+
 msgid "Push events"
 msgstr ""
 

spec/javascripts/projects_dropdown/components/projects_list_search_spec.js

@@ -43,7 +43,7 @@ describe('ProjectsListSearchComponent', () => {
         expect(vm.listEmptyMessage).toBe('Something went wrong on our end.');
 
         vm.searchFailed = false;
-        expect(vm.listEmptyMessage).toBe('No projects matched your query');
+        expect(vm.listEmptyMessage).toBe('Sorry, no projects matched your search');
       });
     });
   });

spec/javascripts/projects_dropdown/components/search_spec.js

@@ -94,7 +94,7 @@ describe('SearchComponent', () => {
       expect(vm.$el.classList.contains('search-input-container')).toBeTruthy();
       expect(vm.$el.classList.contains('hidden-xs')).toBeTruthy();
       expect(inputEl).not.toBe(null);
-      expect(inputEl.getAttribute('placeholder')).toBe('Search projects');
+      expect(inputEl.getAttribute('placeholder')).toBe('Search your projects');
       expect(vm.$el.querySelector('.search-icon')).toBeDefined();
     });
   });