]> git.localhorst.tv Git - alttp.git/blob - resources/js/components/users/EditNicknameDialog.js
svg dungeon tracker
[alttp.git] / 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);