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,27 +25,39 @@ 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>
<div className="media-content"> <div className="media-content">
<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">
<td>{me.name}</td> {t("profile.username")}
</tr> </td>
<tr> <td>{me.name}</td>
<td className="has-text-weight-semibold">{t("profile.displayName")}</td> </tr>
<td>{me.displayName}</td> <tr>
</tr> <td className="has-text-weight-semibold">
<tr> {t("profile.displayName")}
<td className="has-text-weight-semibold">{t("profile.mail")}</td> </td>
<td> <td>{me.displayName}</td>
<MailLink address={me.mail} /> </tr>
</td> <tr>
</tr> <td className="has-text-weight-semibold">
{t("profile.mail")}
</td>
<td>
<MailLink address={me.mail} />
</td>
</tr>
<tr>
<td className="has-text-weight-semibold">
{t("profile.groups")}
</td>
<td>{me.groups.join(", ")}</td>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>