wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-08-14 12:50:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: cleanup of user details drawer

Browse Source
This commit is contained in:
Wyatt Johnson
2018-06-04 16:23:58 -06:00
parent 18d58e4ea8
commit 7a13b64fbe
1 changed files with 30 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/coral-admin/src/components/UserDetail.js
+30 -14
View File
@@ -25,6 +25,8 @@ import KarmaTooltip from './KarmaTooltip';
import t from 'coral-framework/services/i18n';
import { humanizeNumber } from 'coral-framework/helpers/numbers';
const filterOutLocalProfiles = ({ provider }) => provider !== 'local';
class UserDetail extends React.Component {
changeTab = tab => {
this.props.changeTab(tab);
@@ -181,6 +183,18 @@ class UserDetail extends React.Component {
<div>
<ul className={styles.userDetailList}>
<li className={styles.userDetailItem}>
<Icon name="perm_identity" />
<span className={styles.userDetailItem}>
{t('user_detail.id')}:
</span>
{user.id}{' '}
<ButtonCopyToClipboard
className={styles.copyButton}
icon="content_copy"
copyText={user.id}
/>
</li>
<li className={styles.userDetailItem}>
<Icon name="assignment_ind" />
<span className={styles.userDetailItem}>
@@ -202,20 +216,22 @@ class UserDetail extends React.Component {
/>
</li>
{user.profiles.map(({ provider, id }) => (
<li key={id} className={styles.userDetailItem}>
<Icon name="device_hub" />
<span className={styles.userDetailItem}>
{capitalize(provider)} {t('user_detail.id')}:
</span>
{id}{' '}
<ButtonCopyToClipboard
className={styles.copyButton}
icon="content_copy"
copyText={id}
/>
</li>
))}
{user.profiles
.filter(filterOutLocalProfiles)
.map(({ provider, id }) => (
<li key={id} className={styles.userDetailItem}>
<Icon name="device_hub" />
<span className={styles.userDetailItem}>
{capitalize(provider)} {t('user_detail.id')}:
</span>
{id}{' '}
<ButtonCopyToClipboard
className={styles.copyButton}
icon="content_copy"
copyText={id}
/>
</li>
))}
</ul>
<ul className={styles.stats}>