summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/search/sidebar/components/status_filter.vue
blob: eaf7d95822aa39e9c5c322daadca7c9db69a6677 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script>
import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
import { stateFilterData } from '../constants/state_filter_data';
import RadioFilter from './radio_filter.vue';

export default {
  name: 'StatusFilter',
  components: {
    RadioFilter,
  },
  mixins: [glFeatureFlagsMixin()],
  computed: {
    ffBasedXPadding() {
      return this.glFeatures.searchPageVerticalNav ? 'gl-px-5' : 'gl-px-0';
    },
  },
  stateFilterData,
};
</script>

<template>
  <div>
    <radio-filter :class="ffBasedXPadding" :filter-data="$options.stateFilterData" />
    <hr class="gl-my-5 gl-border-gray-100" />
  </div>
</template>