1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 07:24:56 +01:00
metamask-extension/ui/components/app/connected-accounts-list/connected-accounts-list-item/connected-accounts-list-item.component.js

55 lines
1.4 KiB
JavaScript
Raw Normal View History

import classnames from 'classnames';
import PropTypes from 'prop-types';
import React, { PureComponent } from 'react';
import Identicon from '../../../ui/identicon';
2020-05-15 20:53:52 +02:00
export default class ConnectedAccountsListItem extends PureComponent {
static contextTypes = {
t: PropTypes.func.isRequired,
};
2020-05-15 20:53:52 +02:00
static propTypes = {
address: PropTypes.string.isRequired,
className: PropTypes.string,
name: PropTypes.node.isRequired,
status: PropTypes.string,
action: PropTypes.node,
2020-05-15 20:53:52 +02:00
options: PropTypes.node,
};
2020-05-15 20:53:52 +02:00
static defaultProps = {
className: null,
options: null,
action: null,
};
2020-05-15 20:53:52 +02:00
2020-11-03 00:41:28 +01:00
render() {
const { address, className, name, status, action, options } = this.props;
2020-05-15 20:53:52 +02:00
return (
<div className={classnames('connected-accounts-list__row', className)}>
<div className="connected-accounts-list__row-content">
<Identicon
className="connected-accounts-list__identicon"
address={address}
diameter={32}
/>
<div>
<p className="connected-accounts-list__account-name">
<strong>{name}</strong>
2020-05-15 20:53:52 +02:00
</p>
2020-11-03 00:41:28 +01:00
{status ? (
<p className="connected-accounts-list__account-status">
&nbsp;&nbsp;
{status}
</p>
) : null}
{action}
2020-05-15 20:53:52 +02:00
</div>
</div>
{options}
</div>
);
2020-05-15 20:53:52 +02:00
}
}