Move threepids in UserEdit to a separate tab (#51)

Separates information into individual tabs for a better overview.
This commit is contained in:
Dirk Klimpel 2020-07-06 12:35:26 +02:00 committed by GitHub
parent 2fc75cd6fc
commit 8282a3caf8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 0 deletions

View file

@ -1,5 +1,6 @@
import React, { Fragment } from "react"; import React, { Fragment } from "react";
import PersonPinIcon from "@material-ui/icons/PersonPin"; import PersonPinIcon from "@material-ui/icons/PersonPin";
import ContactMailIcon from "@material-ui/icons/ContactMail";
import SettingsInputComponentIcon from "@material-ui/icons/SettingsInputComponent"; import SettingsInputComponentIcon from "@material-ui/icons/SettingsInputComponent";
import { import {
ArrayInput, ArrayInput,
@ -172,6 +173,12 @@ export const UserEdit = props => (
}} }}
/> />
<TextField source="consent_version" /> <TextField source="consent_version" />
</FormTab>
<FormTab
label="resources.users.threepid"
icon={<ContactMailIcon />}
path="threepid"
>
<ArrayInput source="threepids"> <ArrayInput source="threepids">
<SimpleFormIterator> <SimpleFormIterator>
<SelectInput <SelectInput
@ -188,6 +195,7 @@ export const UserEdit = props => (
<FormTab <FormTab
label="resources.connections.name" label="resources.connections.name"
icon={<SettingsInputComponentIcon />} icon={<SettingsInputComponentIcon />}
path="connections"
> >
<ReferenceField <ReferenceField
reference="connections" reference="connections"

View file

@ -22,6 +22,7 @@ export default {
name: "Benutzer", name: "Benutzer",
email: "E-Mail", email: "E-Mail",
msisdn: "Telefon", msisdn: "Telefon",
threepid: "E-Mail / Telefon",
fields: { fields: {
avatar: "Avatar", avatar: "Avatar",
id: "Benutzer-ID", id: "Benutzer-ID",

View file

@ -21,6 +21,7 @@ export default {
name: "User |||| Users", name: "User |||| Users",
email: "Email", email: "Email",
msisdn: "Phone", msisdn: "Phone",
threepid: "Email / Phone",
fields: { fields: {
avatar: "Avatar", avatar: "Avatar",
id: "User-ID", id: "User-ID",