From 8282a3caf886aade41986ea18a0a1b93c2c06cfd Mon Sep 17 00:00:00 2001
From: Dirk Klimpel <5740567+dklimpel@users.noreply.github.com>
Date: Mon, 6 Jul 2020 12:35:26 +0200
Subject: [PATCH] Move threepids in UserEdit to a separate tab (#51)

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 e83b70e..ff21436 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,
@@ -172,6 +173,12 @@ export const UserEdit = props => (
           }}
         />
         <TextField source="consent_version" />
+      </FormTab>
+      <FormTab
+        label="resources.users.threepid"
+        icon={<ContactMailIcon />}
+        path="threepid"
+      >
         <ArrayInput source="threepids">
           <SimpleFormIterator>
             <SelectInput
@@ -188,6 +195,7 @@ export const UserEdit = props => (
       <FormTab
         label="resources.connections.name"
         icon={<SettingsInputComponentIcon />}
+        path="connections"
       >
         <ReferenceField
           reference="connections"
diff --git a/src/i18n/de.js b/src/i18n/de.js
index 5266e19..5ec9947 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 5a2469f..2b29701 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",