Move "Copy link" of empty call screen to Vue

Signed-off-by: Joas Schilling <coding@schilljs.com>

1 files changed, 10 insertions, 3 deletions

diff --git a/src/components/CallView/shared/EmptyCallView.vue b/src/components/CallView/shared/EmptyCallView.vue
index 797a02fd0..d2d8fb690 100644
--- a/src/components/CallView/shared/EmptyCallView.vue
+++ b/src/components/CallView/shared/EmptyCallView.vue
@@ -27,15 +27,16 @@
 		<p v-if="message" class="emptycontent-additional">
 			{{ message }}
 		</p>
-		<button v-if="showLink"
-			class="primary"
+		<ButtonVue v-if="showLink"
+			type="primary"
 			@click.stop.prevent="copyLinkToConversation">
 			{{ t('spreed', 'Copy link') }}
-		</button>
+		</ButtonVue>
 	</div>
 </template>
 
 <script>
+import ButtonVue from '@nextcloud/vue/dist/Components/Button'
 import { showError, showSuccess } from '@nextcloud/dialogs'
 import { generateUrl } from '@nextcloud/router'
 import { CONVERSATION, PARTICIPANT } from '../../../constants.js'
@@ -44,6 +45,10 @@ export default {
 
 	name: 'EmptyCallView',
 
+	components: {
+		ButtonVue,
+	},
+
 	props: {
 		isGrid: {
 			type: Boolean,
@@ -175,6 +180,8 @@ export default {
 	align-content: center;
 	justify-content: center;
 	text-align: center;
+	z-index: 1; // Otherwise the "Copy link" button is not clickable
+
 	.icon {
 		background-size: 64px;
 		height: 64px;