summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/issue_show/components/pinned_links.vue
blob: 965e8a3d751b585aba269dc246c94efa34642a6f (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
29
30
31
<script>
import { GlLink } from '@gitlab/ui';
import Icon from '~/vue_shared/components/icon.vue';

export default {
  components: {
    Icon,
    GlLink,
  },
  props: {
    zoomMeetingUrl: {
      type: String,
      required: false,
      default: null,
    },
  },
};
</script>

<template>
  <div v-if="zoomMeetingUrl" class="border-bottom mb-3 mt-n2">
    <gl-link
      :href="zoomMeetingUrl"
      target="_blank"
      class="btn btn-inverted btn-secondary btn-sm text-dark mb-3"
    >
      <icon name="brand-zoom" :size="14" />
      <strong class="vertical-align-top">{{ __('Join Zoom meeting') }}</strong>
    </gl-link>
  </div>
</template>