badguardhome/client/src/components/ui/Status.js

28 lines
789 B
JavaScript

import React from 'react';
import PropTypes from 'prop-types';
import { withNamespaces, Trans } from 'react-i18next';
import Card from '../ui/Card';
const Status = ({ message, buttonMessage, reloadPage }) => (
<div className="status">
<Card bodyType="card-body card-body--status">
<div className="h4 font-weight-light mb-4">
<Trans>{message}</Trans>
</div>
{buttonMessage &&
<button className="btn btn-success" onClick={reloadPage}>
<Trans>{buttonMessage}</Trans>
</button>}
</Card>
</div>
);
Status.propTypes = {
message: PropTypes.string.isRequired,
buttonMessage: PropTypes.string,
reloadPage: PropTypes.func,
};
export default withNamespaces()(Status);