Hide pipeline filter when no pipeline exists

app/assets/javascripts/pipelines/components/pipelines_list/pipelines.vue

@@ -313,6 +313,7 @@ export default {
     </div>
 
     <pipelines-filtered-search
+      v-if="stateToRender !== $options.stateMap.emptyState"
       :project-id="projectId"
       :params="validatedParams"
       @filterPipelines="filterPipelines"

changelogs/unreleased/nicolasdular-hide-pipelines-filter-on-empty-state.yml

+---
+title: Hide pipeline filtered search when no pipeline exists
+merge_request: 57881
+author:
+type: changed

spec/frontend/pipelines/pipelines_spec.js

@@ -515,6 +515,10 @@ describe('Pipelines', () => {
         expect(findEmptyState().text()).toBe('There are currently no pipelines.');
       });
 
+      it('renders filtered search', () => {
+        expect(findFilteredSearch().exists()).toBe(true);
+      });
+
       it('renders tab empty state finished scope', async () => {
         mock.onGet(mockPipelinesEndpoint, { params: { scope: 'finished', page: '1' } }).reply(200, {
           pipelines: [],
@@ -547,6 +551,10 @@ describe('Pipelines', () => {
         );
       });
 
+      it('does not render filtered search', () => {
+        expect(findFilteredSearch().exists()).toBe(false);
+      });
+
       it('does not render tabs nor buttons', () => {
         expect(findNavigationTabs().exists()).toBe(false);
         expect(findTab('all').exists()).toBe(false);