Commit dfcda61a authored by Nicolò Maria Mezzopera's avatar Nicolò Maria Mezzopera

Merge branch 'xanf-add-external-link-icon-for-importers' into 'master'

Add external link icon to the external repositories link

See merge request gitlab-org/gitlab!39442
parents 01780b27 96e82ab4
<script> <script>
import { GlIcon } from '@gitlab/ui';
import ImportStatus from './import_status.vue'; import ImportStatus from './import_status.vue';
import { STATUSES } from '../constants'; import { STATUSES } from '../constants';
...@@ -6,6 +7,7 @@ export default { ...@@ -6,6 +7,7 @@ export default {
name: 'ImportedProjectTableRow', name: 'ImportedProjectTableRow',
components: { components: {
ImportStatus, ImportStatus,
GlIcon,
}, },
props: { props: {
project: { project: {
...@@ -36,6 +38,7 @@ export default { ...@@ -36,6 +38,7 @@ export default {
class="js-provider-link" class="js-provider-link"
> >
{{ project.importSource }} {{ project.importSource }}
<gl-icon v-if="project.providerLink" name="external-link" />
</a> </a>
</td> </td>
<td class="js-full-path">{{ displayFullPath }}</td> <td class="js-full-path">{{ displayFullPath }}</td>
......
<script> <script>
import { GlBadge } from '@gitlab/ui'; import { GlIcon, GlBadge } from '@gitlab/ui';
export default { export default {
components: { components: {
GlBadge, GlBadge,
GlIcon,
}, },
props: { props: {
repo: { repo: {
...@@ -19,6 +20,7 @@ export default { ...@@ -19,6 +20,7 @@ export default {
<td> <td>
<a :href="repo.providerLink" rel="noreferrer noopener" target="_blank"> <a :href="repo.providerLink" rel="noreferrer noopener" target="_blank">
{{ repo.fullName }} {{ repo.fullName }}
<gl-icon v-if="repo.providerLink" name="external-link" />
</a> </a>
</td> </td>
<td></td> <td></td>
......
<script> <script>
import { mapState, mapGetters, mapActions } from 'vuex'; import { mapState, mapGetters, mapActions } from 'vuex';
import { GlIcon } from '@gitlab/ui';
import Select2Select from '~/vue_shared/components/select2_select.vue'; import Select2Select from '~/vue_shared/components/select2_select.vue';
import { __ } from '~/locale'; import { __ } from '~/locale';
import eventHub from '../event_hub'; import eventHub from '../event_hub';
...@@ -11,6 +12,7 @@ export default { ...@@ -11,6 +12,7 @@ export default {
components: { components: {
Select2Select, Select2Select,
ImportStatus, ImportStatus,
GlIcon,
}, },
props: { props: {
repo: { repo: {
...@@ -84,6 +86,7 @@ export default { ...@@ -84,6 +86,7 @@ export default {
class="js-provider-link" class="js-provider-link"
> >
{{ repo.fullName }} {{ repo.fullName }}
<gl-icon v-if="repo.providerLink" name="external-link" />
</a> </a>
</td> </td>
<td class="d-flex flex-wrap flex-lg-nowrap"> <td class="d-flex flex-wrap flex-lg-nowrap">
......
---
title: Add external link icon to list of repositories in importer
merge_request: 39442
author:
type: added
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment