summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/issue_show/components/issuable_header_warnings.vue
blob: b6816be9eb8db4c3f70ce9854fda225d154aae88 (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
27
28
<script>
import { mapState } from 'vuex';
import Icon from '~/vue_shared/components/icon.vue';

export default {
  components: {
    Icon,
  },
  computed: {
    ...mapState({
      confidential: ({ noteableData }) => noteableData.confidential,
      dicussionLocked: ({ noteableData }) => noteableData.discussion_locked,
    }),
  },
};
</script>

<template>
  <div class="gl-display-inline-block">
    <div v-if="confidential" class="issuable-warning-icon inline">
      <icon class="icon" name="eye-slash" data-testid="confidential" />
    </div>

    <div v-if="dicussionLocked" class="issuable-warning-icon inline">
      <icon class="icon" name="lock" data-testid="locked" />
    </div>
  </div>
</template>