2021-10-03 15:26:02 +09:00
|
|
|
import React, { useEffect, useState } from 'react';
|
|
|
|
import { Button } from '@material-ui/core';
|
2022-01-04 15:58:52 +09:00
|
|
|
import { useNavigate, useLocation } from 'react-router-dom';
|
2021-10-03 15:26:02 +09:00
|
|
|
|
2021-12-29 19:18:52 +09:00
|
|
|
const PasswordResetComplete = () => {
|
2021-10-03 15:26:02 +09:00
|
|
|
|
2022-01-04 17:44:38 +09:00
|
|
|
const navigator = useNavigate();
|
2021-12-29 19:18:52 +09:00
|
|
|
const { pathname } = useLocation();
|
2021-10-26 13:03:16 +09:00
|
|
|
|
2021-10-03 15:26:02 +09:00
|
|
|
const gotoLogin = () => {
|
2022-02-03 04:39:18 +09:00
|
|
|
navigator(`/${pathname.split('/')[1]}/login`);
|
2021-10-03 15:26:02 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
2021-12-20 12:21:39 +09:00
|
|
|
<div className="l-single-container">
|
|
|
|
<div className="l-single-inner">
|
2021-11-10 03:49:19 +09:00
|
|
|
<p className="text-center font-weight-bold ft-25">登録完了</p>
|
|
|
|
<span className="mt-80-px ft-18 ft-xs-16 l-alert__text--success">
|
|
|
|
パスワードの更新が完了しました。<br/>
|
|
|
|
ログイン画面に遷移して、新しいパスワードをご利用ください。
|
2021-10-03 15:26:02 +09:00
|
|
|
</span>
|
2021-10-26 13:03:16 +09:00
|
|
|
<div className="mt-5">
|
|
|
|
<Button type="submit" fullWidth
|
2021-11-10 03:49:19 +09:00
|
|
|
className="btn-edit btn-default btn-h75 bg-yellow rounded-20"
|
2021-10-26 13:03:16 +09:00
|
|
|
onClick={gotoLogin}>
|
|
|
|
<span className="ft-16 font-weight-bold text-black">ログイン画面へ</span>
|
2021-10-03 15:26:02 +09:00
|
|
|
</Button>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-12-20 12:21:39 +09:00
|
|
|
</div>
|
2021-10-03 15:26:02 +09:00
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2021-10-26 13:03:16 +09:00
|
|
|
|
|
|
|
|
2021-12-29 19:18:52 +09:00
|
|
|
export default PasswordResetComplete;
|