1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 15:35:46 +01:00
metamask-extension/ui/components/app/info-box/info-box.component.js

45 lines
933 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"
data-testid="info-box-close"
onClick={() => this.handleClose()}
/>
<div className="info-box__title">{title}</div>
<div className="info-box__description">{description}</div>
</div>
) : null;
}
}