fix: show the email address as subname

Signed-off-by: Daniel Kesselberg <[email protected]>

src/components/Composer.vue

@@ -71,10 +71,9 @@
 						<div class="multiselect__tag multiselect__tag-custom">
 							<ListItemIcon :no-margin="true"
 								:name="option.label"
-								:subtitle="option.email"
+								:subname="showEmailAsSubname(option)"
 								:icon-class="!option.id ? 'icon-user' : null"
-								:url="option.photo"
-								:avatar-size="24" />
+								:url="option.photo" />
 						</div>
 					</template>
 				</NcSelect>
@@ -128,10 +127,9 @@
 						<div class="multiselect__tag multiselect__tag-custom">
 							<ListItemIcon :no-margin="true"
 								:name="option.label"
-								:subtitle="option.email"
+								:subname="showEmailAsSubname(option)"
 								:url="option.photo"
-								:icon-class="!option.id ? 'icon-user' : null"
-								:avatar-size="24" />
+								:icon-class="!option.id ? 'icon-user' : null" />
 						</div>
 					</template>
 				</NcSelect>
@@ -179,10 +177,9 @@
 						<div class="multiselect__tag multiselect__tag-custom">
 							<ListItemIcon :no-margin="true"
 								:name="option.label"
-								:subtitle="option.email"
+								:subname="showEmailAsSubname(option)"
 								:url="option.photo"
-								:icon-class="!option.id ? 'icon-user' : null"
-								:avatar-size="24" />
+								:icon-class="!option.id ? 'icon-user' : null" />
 						</div>
 					</template>
 				</NcSelect>
@@ -1377,6 +1374,18 @@ export default {
 		createRecipientOption(value) {
 			return { email: value, label: value }
 		},
+
+		/**
+		 * Use the email address as subname if we have label
+		 *
+		 * @param {{email: string, label: string}} option
+		 * @return string
+		 */
+		showEmailAsSubname(option) {
+			return (option.label === option.email)
+				? ''
+				: option.email
+		},
 	},
 }
 </script>