diff options
Diffstat (limited to 'apps/files_sharing/src/components/SharingEntryInternal.vue')
| -rw-r--r-- | apps/files_sharing/src/components/SharingEntryInternal.vue | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/apps/files_sharing/src/components/SharingEntryInternal.vue b/apps/files_sharing/src/components/SharingEntryInternal.vue index 03a1ba87b71..9912648357c 100644 --- a/apps/files_sharing/src/components/SharingEntryInternal.vue +++ b/apps/files_sharing/src/components/SharingEntryInternal.vue @@ -9,27 +9,33 @@ <div class="avatar-external icon-external-white" /> </template> - <NcActionLink :href="internalLink" - :aria-label="t('files_sharing', 'Copy internal link to clipboard')" - target="_blank" - :icon="copied && copySuccess ? 'icon-checkmark-color' : 'icon-clippy'" + <NcActionButton :aria-label="t('files_sharing', 'Copy internal link to clipboard')" @click.prevent="copyLink"> + <template #icon> + <Check v-if="copied && copySuccess" :size="20" /> + <ClipboardTextMultipleOutline v-else :size="20" /> + </template> {{ clipboardTooltip }} - </NcActionLink> + </NcActionButton> </SharingEntrySimple> </ul> </template> <script> import { generateUrl } from '@nextcloud/router' -import NcActionLink from '@nextcloud/vue/dist/Components/NcActionLink' +import { NcActionButton } from '@nextcloud/vue' import SharingEntrySimple from './SharingEntrySimple' +import Check from 'vue-material-design-icons/Check.vue' +import ClipboardTextMultipleOutline from 'vue-material-design-icons/ClipboardTextMultipleOutline.vue' + export default { name: 'SharingEntryInternal', components: { - NcActionLink, + Check, + ClipboardTextMultipleOutline, + NcActionButton, SharingEntrySimple, }, |