Show own groups in me page

This commit is contained in:
René Pfeuffer
2019-02-18 08:47:29 +01:00
parent 2bacf78912
commit d7b1eda859

View File

@@ -1,7 +1,11 @@
// @flow // @flow
import React from "react"; import React from "react";
import type { Me } from "@scm-manager/ui-types"; import type { Me } from "@scm-manager/ui-types";
import { MailLink, AvatarWrapper, AvatarImage } from "@scm-manager/ui-components"; import {
MailLink,
AvatarWrapper,
AvatarImage
} from "@scm-manager/ui-components";
import { compose } from "redux"; import { compose } from "redux";
import { translate } from "react-i18next"; import { translate } from "react-i18next";
@@ -21,7 +25,7 @@ class ProfileInfo extends React.Component<Props, State> {
<AvatarWrapper> <AvatarWrapper>
<figure className="media-left"> <figure className="media-left">
<p className="image is-64x64"> <p className="image is-64x64">
<AvatarImage person={ me }/> <AvatarImage person={me} />
</p> </p>
</figure> </figure>
</AvatarWrapper> </AvatarWrapper>
@@ -29,19 +33,31 @@ class ProfileInfo extends React.Component<Props, State> {
<table className="table"> <table className="table">
<tbody> <tbody>
<tr> <tr>
<td className="has-text-weight-semibold">{t("profile.username")}</td> <td className="has-text-weight-semibold">
{t("profile.username")}
</td>
<td>{me.name}</td> <td>{me.name}</td>
</tr> </tr>
<tr> <tr>
<td className="has-text-weight-semibold">{t("profile.displayName")}</td> <td className="has-text-weight-semibold">
{t("profile.displayName")}
</td>
<td>{me.displayName}</td> <td>{me.displayName}</td>
</tr> </tr>
<tr> <tr>
<td className="has-text-weight-semibold">{t("profile.mail")}</td> <td className="has-text-weight-semibold">
{t("profile.mail")}
</td>
<td> <td>
<MailLink address={me.mail} /> <MailLink address={me.mail} />
</td> </td>
</tr> </tr>
<tr>
<td className="has-text-weight-semibold">
{t("profile.groups")}
</td>
<td>{me.groups.join(", ")}</td>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>