From 68d804b4d27a0639a097a73afef2bc64ff6d41bd Mon Sep 17 00:00:00 2001
From: dklimpel <5740567+dklimpel@users.noreply.github.com>
Date: Tue, 16 Jun 2020 07:46:38 +0200
Subject: [PATCH] Move threepids in UserEdit to a separate tab

Separates information into individual tabs for a better overview.
---
 src/components/users.js | 8 ++++++++
 src/i18n/de.js          | 1 +
 src/i18n/en.js          | 1 +
 3 files changed, 10 insertions(+)

diff --git a/src/components/users.js b/src/components/users.js
index d978c26..d48cbbe 100644
--- a/src/components/users.js
+++ b/src/components/users.js
@@ -1,5 +1,6 @@
 import React, { Fragment } from "react";
 import PersonPinIcon from "@material-ui/icons/PersonPin";
+import ContactMailIcon from "@material-ui/icons/ContactMail";
 import SettingsInputComponentIcon from "@material-ui/icons/SettingsInputComponent";
 import {
   ArrayInput,
@@ -159,6 +160,12 @@ export const UserEdit = props => (
           source="deactivated"
           helperText="resources.users.helper.deactivate"
         />
+      </FormTab>
+      <FormTab
+        label="resources.users.threepid"
+        icon={<ContactMailIcon />}
+        path="threepid"
+      >
         <ArrayInput source="threepids">
           <SimpleFormIterator>
             <SelectInput
@@ -175,6 +182,7 @@ export const UserEdit = props => (
       <FormTab
         label="resources.connections.name"
         icon={<SettingsInputComponentIcon />}
+        path="connections"
       >
         <ReferenceField reference="connections" source="id" addLabel={false}>
           <ArrayField
diff --git a/src/i18n/de.js b/src/i18n/de.js
index 05d9a6e..8b1ffc3 100644
--- a/src/i18n/de.js
+++ b/src/i18n/de.js
@@ -22,6 +22,7 @@ export default {
       name: "Benutzer",
       email: "E-Mail",
       msisdn: "Telefon",
+      threepid: "E-Mail / Telefon",
       fields: {
         avatar: "Avatar",
         id: "Benutzer-ID",
diff --git a/src/i18n/en.js b/src/i18n/en.js
index a7a6141..cbcbbc2 100644
--- a/src/i18n/en.js
+++ b/src/i18n/en.js
@@ -21,6 +21,7 @@ export default {
       name: "User |||| Users",
       email: "Email",
       msisdn: "Phone",
+      threepid: "Email / Phone",
       fields: {
         avatar: "Avatar",
         id: "User-ID",