1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-13 13:17:13 +01:00
metamask-extension/ui/components/app/info-box/info-box.component.js
2021-04-28 14:53:59 -05:00

41 lines
866 B
JavaScript

import React, { Component } from 'react';
import PropTypes from 'prop-types';
export default class InfoBox extends Component {
static contextTypes = {
t: PropTypes.func,
};
static propTypes = {
onClose: PropTypes.func,
title: PropTypes.string,
description: PropTypes.string,
};
state = {
isShowing: true,
};
handleClose() {
const { onClose } = this.props;
if (onClose) {
onClose();
} else {
this.setState({ isShowing: false });
}
}
render() {
const { title, description } = this.props;
return this.state.isShowing ? (
<div className="info-box">
<div className="info-box__close" onClick={() => this.handleClose()} />
<div className="info-box__title">{title}</div>
<div className="info-box__description">{description}</div>
</div>
) : null;
}
}