mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-11-12 08:25:44 +01:00
Show own groups in me page
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user