resources/js/app/PrivacyDialog.js

   1 import PropTypes from 'prop-types';
   2 import React from 'react';
   3 import { Button, Modal } from 'react-bootstrap';
   4 import { useTranslation } from 'react-i18next';
   5
   6 const PrivacyDialog = ({
   7         onHide,
   8         show,
   9 }) => {
  10         const { t } = useTranslation();
  11
  12         return <Modal onHide={onHide} show={show}>
  13                 <Modal.Header closeButton>
  14                         <Modal.Title>
  15                                 {t('privacy.heading')}
  16                         </Modal.Title>
  17                 </Modal.Header>
  18                 <Modal.Body>
  19                         <p>{t('privacy.p1')}</p>
  20                         <p>{t('privacy.p2')}</p>
  21                         <p>{t('privacy.p3')}</p>
  22                 </Modal.Body>
  23                 <Modal.Footer>
  24                         <Button onClick={onHide} variant="secondary">
  25                                 {t('button.close')}
  26                         </Button>
  27                 </Modal.Footer>
  28         </Modal>;
  29 };
  30
  31 PrivacyDialog.propTypes = {
  32         onHide: PropTypes.func,
  33         show: PropTypes.bool,
  34 };
  35
  36 export default PrivacyDialog;