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

24 lines
607 B
JavaScript

import React from 'react';
import PropTypes from 'prop-types';
import Card from '../ui/Card';
const Status = props => (
<div className="status">
<Card bodyType="card-body card-body--status">
<div className="h4 font-weight-light mb-4">
You are currently not using AdGuard DNS
</div>
<button className="btn btn-success" onClick={props.handleStatusChange}>
Enable AdGuard DNS
</button>
</Card>
</div>
);
Status.propTypes = {
handleStatusChange: PropTypes.func.isRequired,
};
export default Status;