All files / ee/app/assets/javascripts/compliance_dashboard/components empty_state.vue

100% Statements 3/3
100% Branches 0/0
100% Functions 1/1
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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 29 30 31 32 33 34 35 36 37 38  2x 2x                                               14x                      
<script>
import { GlLink, GlEmptyState } from '@gitlab/ui';
import { __ } from '~/locale';
 
export default {
  components: {
    GlLink,
    GlEmptyState,
  },
  props: {
    imagePath: {
      type: String,
      required: true,
    },
  },
  strings: {
    heading: __("A merge request hasn't yet been merged"),
    subheading: __(
      'The compliance report captures merged changes that violate compliance best practices.',
    ),
    documentation: __('View documentation'),
  },
  documentationPath: 'https://docs.gitlab.com/ee/user/compliance/compliance_report/index.html',
};
</script>
 
<template>
  <gl-empty-state
    :title="$options.strings.heading"
    :description="$options.strings.subheading"
    :svg-path="imagePath"
  >
    <template #actions>
      <gl-link :href="$options.documentationPath">{{ $options.strings.documentation }}</gl-link>
    </template>
  </gl-empty-state>
</template>