resources/js/components/users/EditNicknameDialog.js

   1 import PropTypes from 'prop-types';
   2 import React from 'react';
   3 import { Modal } from 'react-bootstrap';
   4 import { withTranslation } from 'react-i18next';
   5
   6 import EditNicknameForm from './EditNicknameForm';
   7 import i18n from '../../i18n';
   8
   9 const EditNicknameDialog = ({
  10         onHide,
  11         show,
  12         user,
  13 }) =>
  14 <Modal className="edit-stream-link-dialog" onHide={onHide} show={show}>
  15         <Modal.Header closeButton>
  16                 <Modal.Title>
  17                         {i18n.t('users.editNickname')}
  18                 </Modal.Title>
  19         </Modal.Header>
  20         <EditNicknameForm
  21                 onCancel={onHide}
  22                 user={user}
  23         />
  24 </Modal>;
  25
  26 EditNicknameDialog.propTypes = {
  27         onHide: PropTypes.func,
  28         show: PropTypes.bool,
  29         user: PropTypes.shape({
  30         }),
  31 };
  32
  33 export default withTranslation()(EditNicknameDialog);