app/assets/javascripts/groups/components/empty_states/groups_dashboard_empty_state.vue


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

<script>
import { GlEmptyState } from '@gitlab/ui';

import { s__ } from '~/locale';

export default {
  components: { GlEmptyState },
  inject: ['groupsEmptyStateIllustration'],
  i18n: {
    title: s__('GroupsEmptyState|A group is a collection of several projects'),
    description: s__(
      "GroupsEmptyState|If you organize your projects under a group, it works like a folder. You can manage your group member's permissions and access to each project in the group.",
    ),
  },
};
</script>

<template>
  <gl-empty-state
    :title="$options.i18n.title"
    :description="$options.i18n.description"
    :svg-path="groupsEmptyStateIllustration"
    :svg-height="null"
  />
</template>