1 files changed, 10 insertions, 4 deletions
diff --git a/app/assets/javascripts/search/sidebar/components/app.vue b/app/assets/javascripts/search/sidebar/components/app.vue
index 6f29864c0a2..2efc80fef75 100644
--- a/app/assets/javascripts/search/sidebar/components/app.vue
+++ b/app/assets/javascripts/search/sidebar/components/app.vue
@@ -2,28 +2,34 @@
 import { mapState } from 'vuex';
 import ScopeNavigation from '~/search/sidebar/components/scope_navigation.vue';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
-import { SCOPE_ISSUES, SCOPE_MERGE_REQUESTS } from '../constants';
+import { SCOPE_ISSUES, SCOPE_MERGE_REQUESTS, SCOPE_BLOB } from '../constants';
 import ResultsFilters from './results_filters.vue';
+import LanguageFilter from './language_filter.vue';
 
 export default {
   name: 'GlobalSearchSidebar',
   components: {
     ResultsFilters,
     ScopeNavigation,
+    LanguageFilter,
   },
   mixins: [glFeatureFlagsMixin()],
   computed: {
     ...mapState(['urlQuery']),
-    showFilters() {
+    showIssueAndMergeFilters() {
       return this.urlQuery.scope === SCOPE_ISSUES || this.urlQuery.scope === SCOPE_MERGE_REQUESTS;
     },
+    showBlobFilter() {
+      return this.urlQuery.scope === SCOPE_BLOB && this.glFeatures.searchBlobsLanguageAggregation;
+    },
   },
 };
 </script>
 
 <template>
   <section class="search-sidebar gl-display-flex gl-flex-direction-column gl-mr-4 gl-mb-6 gl-mt-5">
-    <scope-navigation v-if="glFeatures.searchPageVerticalNav" />
-    <results-filters v-if="showFilters" />
+    <scope-navigation />
+    <results-filters v-if="showIssueAndMergeFilters" />
+    <language-filter v-if="showBlobFilter" />
   </section>
 </template>