From e4dc09c4e4b9f52a74633bec19b1c4acdd674e81 Mon Sep 17 00:00:00 2001
From: Vincent Petry <vincent@nextcloud.com>
Date: Mon, 21 Jun 2021 16:17:01 +0200
Subject: Replace settings button icons with material design icons

Signed-off-by: Vincent Petry <vincent@nextcloud.com>
---
 .../ConversationSettings/LinkShareSettings.vue     | 25 ++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

(limited to 'src/components')

diff --git a/src/components/ConversationSettings/LinkShareSettings.vue b/src/components/ConversationSettings/LinkShareSettings.vue
index 50107662f..bee9b4b44 100644
--- a/src/components/ConversationSettings/LinkShareSettings.vue
+++ b/src/components/ConversationSettings/LinkShareSettings.vue
@@ -85,14 +85,22 @@
 			<button
 				ref="copyLinkButton"
 				@click.prevent="handleCopyLink">
-				<span class="icon icon-clippy" />{{ t('spreed', 'Copy conversation link') }}
+				<ClipboardTextOutline
+					:size="16"
+					decorative
+					title="" />
+				{{ t('spreed', 'Copy conversation link') }}
 			</button>
 		</div>
 		<div v-if="isSharedPublicly" class="app-settings-subsection">
 			<button
 				:disabled="isSendingInvitations"
 				@click.prevent="handleResendInvitations">
-				<span class="icon icon-mail" />{{ t('spreed', 'Resend invitations') }}
+				<Email
+					:size="16"
+					decorative
+					title="" />
+				{{ t('spreed', 'Resend invitations') }}
 			</button>
 			<span v-if="isSendingInvitations" class="icon-loading-small spinner" />
 		</div>
@@ -106,10 +114,17 @@ import {
 	setConversationPassword,
 } from '../../services/conversationsService'
 import { generateUrl } from '@nextcloud/router'
+import ClipboardTextOutline from 'vue-material-design-icons/ClipboardTextOutline'
+import Email from 'vue-material-design-icons/Email'
 
 export default {
 	name: 'LinkShareSettings',
 
+	components: {
+		ClipboardTextOutline,
+		Email,
+	},
+
 	data() {
 		return {
 			// The conversation's password
@@ -243,8 +258,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.icon {
-	margin-right: 10px;
+button > .material-design-icon {
+	display: inline-block;
+	vertical-align: middle;
+	margin-right: 7px;
 }
 
 .spinner {
-- 
cgit v1.2.3