All files / client/components/Admin/User ResetPasswordModal.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React, { FC } from 'react'
import { Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap'
 
interface Props {
  isOpen: boolean
  toggle: () => void
  user: any
  resetPassword: (user: any) => void
}
 
const ResetPasswordModal: FC<Props> = ({ isOpen, toggle, user = {}, resetPassword }) => {
  const handleClick = e => {
    e.preventDefault()
    resetPassword(user)
  }
  return (
    <Modal isOpen={isOpen} toggle={toggle}>
      <ModalHeader toggle={toggle}>パスワードを新規発行しますか?</ModalHeader>
      <ModalBody>
        <p>
          新規発行したパスワードはこの画面を閉じると二度と表示できませんのでご注意ください。
          <br />
          <span className="text-danger">新規発行したパスワードを、対象ユーザーへ連絡してください。</span>
        </p>
        <p>
          Reset user: <code>{user.email}</code>
        </p>
      </ModalBody>
      <ModalFooter>
        <Button type="submit" color="primary" onClick={handleClick}>
          実行
        </Button>
      </ModalFooter>
    </Modal>
  )
}
 
export default ResetPasswordModal