From e7e837dc4ebcfa80d2092a47eab4c35a34ccda98 Mon Sep 17 00:00:00 2001
From: Christopher Ng <chrng8@gmail.com>
Date: Wed, 2 Mar 2022 20:00:33 +0000
Subject: [PATCH] Use unique key to prevent email component reuse

Signed-off-by: Christopher Ng <chrng8@gmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
(cherry picked from commit fc03a935e859e619e8a1008a626cce68a581dae8)
---
 .../components/PersonalInfo/EmailSection/Email.vue    |  1 -
 .../PersonalInfo/EmailSection/EmailSection.vue        | 11 ++++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue b/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue
index f9d3459aafe43..38c3bd3b89023 100644
--- a/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue
+++ b/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue
@@ -50,7 +50,6 @@
 				<Actions
 					class="actions-email"
 					:aria-label="t('settings', 'Email options')"
-					:disabled="deleteDisabled"
 					:force-menu="true">
 					<ActionButton
 						:aria-label="deleteEmailLabel"
diff --git a/apps/settings/src/components/PersonalInfo/EmailSection/EmailSection.vue b/apps/settings/src/components/PersonalInfo/EmailSection/EmailSection.vue
index ea88358fd1fe6..73a77a1e4fbf0 100644
--- a/apps/settings/src/components/PersonalInfo/EmailSection/EmailSection.vue
+++ b/apps/settings/src/components/PersonalInfo/EmailSection/EmailSection.vue
@@ -41,8 +41,9 @@
 		<span v-else>
 			{{ primaryEmail.value || t('settings', 'No email address set') }}
 		</span>
+		<!-- TODO use unique key for additional email when uniqueness can be guaranteed, see https://github.com/nextcloud/server/issues/26866 -->
 		<Email v-for="(additionalEmail, index) in additionalEmails"
-			:key="index"
+			:key="additionalEmail.key"
 			:index="index"
 			:scope.sync="additionalEmail.scope"
 			:email.sync="additionalEmail.value"
@@ -77,7 +78,7 @@ export default {
 
 	data() {
 		return {
-			additionalEmails,
+			additionalEmails: additionalEmails.map(properties => ({ ...properties, key: this.generateUniqueKey() })),
 			displayNameChangeSupported,
 			primaryEmail,
 			isValidForm: true,
@@ -110,7 +111,7 @@ export default {
 	methods: {
 		onAddAdditionalEmail() {
 			if (this.$refs.form?.checkValidity()) {
-				this.additionalEmails.push({ value: '', scope: DEFAULT_ADDITIONAL_EMAIL_SCOPE })
+				this.additionalEmails.push({ value: '', scope: DEFAULT_ADDITIONAL_EMAIL_SCOPE, key: this.generateUniqueKey() })
 				this.$nextTick(() => this.updateFormValidity())
 			}
 		},
@@ -172,6 +173,10 @@ export default {
 		updateFormValidity() {
 			this.isValidForm = this.$refs.form?.checkValidity()
 		},
+
+		generateUniqueKey() {
+			return Math.random().toString(36).substring(2)
+		},
 	},
 }
 </script>