1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-02 06:07:06 +01:00
metamask-extension/ui/components/app/permissions-connect-header/permissions-connect-header.component.js
2021-04-28 14:53:59 -05:00

42 lines
1.1 KiB
JavaScript

import PropTypes from 'prop-types';
import React, { Component } from 'react';
import SiteIcon from '../../ui/site-icon';
export default class PermissionsConnectHeader extends Component {
static propTypes = {
icon: PropTypes.string,
iconName: PropTypes.string.isRequired,
siteOrigin: PropTypes.string.isRequired,
headerTitle: PropTypes.node,
headerText: PropTypes.string,
};
static defaultProps = {
icon: null,
headerTitle: '',
headerText: '',
};
renderHeaderIcon() {
const { icon, iconName, siteOrigin } = this.props;
return (
<div className="permissions-connect-header__icon">
<SiteIcon icon={icon} name={iconName} size={64} />
<div className="permissions-connect-header__text">{siteOrigin}</div>
</div>
);
}
render() {
const { headerTitle, headerText } = this.props;
return (
<div className="permissions-connect-header">
{this.renderHeaderIcon()}
<div className="permissions-connect-header__title">{headerTitle}</div>
<div className="permissions-connect-header__subtitle">{headerText}</div>
</div>
);
}
}