2021-10-06 11:31:51 +09:00
|
|
|
import React, { useState } from 'react';
|
2021-09-29 23:52:07 +09:00
|
|
|
import { Button } from '@material-ui/core';
|
2021-10-01 18:50:43 +09:00
|
|
|
import Alert from '../../component/alert';
|
2021-11-24 16:42:56 +09:00
|
|
|
import copy from 'clipboard-copy';
|
2021-09-29 23:38:39 +09:00
|
|
|
|
2021-10-06 11:31:51 +09:00
|
|
|
|
2021-10-06 03:23:58 +09:00
|
|
|
const ContactComplete = () => {
|
2021-10-01 18:50:43 +09:00
|
|
|
|
2021-11-17 19:32:05 +09:00
|
|
|
const contactEmail = 'sample@gmail.com';
|
|
|
|
const [_success, setSuccess] = useState('');
|
2021-10-01 18:50:43 +09:00
|
|
|
|
|
|
|
const saveStorage = () => {
|
2021-11-24 16:42:56 +09:00
|
|
|
copy(contactEmail);
|
|
|
|
setSuccess('メールアドレスのコビーに成功しました');
|
2021-10-01 18:50:43 +09:00
|
|
|
}
|
|
|
|
|
2021-09-29 23:38:39 +09:00
|
|
|
return (
|
2021-09-29 23:52:07 +09:00
|
|
|
<div>
|
2021-10-26 13:03:16 +09:00
|
|
|
<p className="text-center font-weight-bold ft-25">お問い合わせ完了</p>
|
|
|
|
<span className="mt-80-px ft-16 ft-md-16 l-alert__text--success">
|
2021-09-30 13:38:14 +09:00
|
|
|
お問い合わせが完了しました。<br/>
|
|
|
|
3営業日以内にお返事させていただきます。<br/><br/>
|
2021-09-29 23:52:07 +09:00
|
|
|
万が一届かない場合は、以下のメールアドレスに 直接ご連絡くださいませ。
|
2021-10-02 21:16:16 +09:00
|
|
|
</span>
|
2021-09-30 16:50:44 +09:00
|
|
|
|
2021-11-24 16:54:37 +09:00
|
|
|
<div className="p-4 my-5 border text-center font-weight-bold">
|
2021-10-26 13:03:16 +09:00
|
|
|
<p className="m-0 scale-1 pointer ft-xs-18" onClick={saveStorage}>{contactEmail}</p>
|
2021-10-01 18:50:43 +09:00
|
|
|
</div>
|
2021-09-30 16:50:44 +09:00
|
|
|
|
2021-10-01 18:50:43 +09:00
|
|
|
<div className="d-flex justify-content-between">
|
2021-09-30 20:54:09 +09:00
|
|
|
<div className="w-50 pr-1">
|
2021-11-24 16:54:37 +09:00
|
|
|
<Button fullWidth className="btn-edit btn-default btn-h75 bg-yellow rounded-20" onClick={()=>{window.location.href="/p-account/login"}}>
|
2021-11-25 21:29:01 +09:00
|
|
|
<span className="ft-18 ft-xs-16 font-weight-bold text-black">親ログイン画面へ</span>
|
2021-11-24 16:54:37 +09:00
|
|
|
</Button>
|
2021-09-29 23:52:07 +09:00
|
|
|
</div>
|
2021-09-30 16:50:44 +09:00
|
|
|
<div className="w-50 pl-1">
|
2021-11-24 16:54:37 +09:00
|
|
|
<Button fullWidth className="btn-edit btn-default btn-h75 bg-yellow rounded-20" onClick={()=>{window.location.href="/c-account/login"}}>
|
2021-11-25 21:29:01 +09:00
|
|
|
<span className="ft-18 ft-xs-16 font-weight-bold text-black">子ログイン画面へ</span>
|
2021-11-24 16:54:37 +09:00
|
|
|
</Button>
|
2021-09-29 23:38:39 +09:00
|
|
|
</div>
|
2021-09-29 23:52:07 +09:00
|
|
|
</div>
|
2021-11-24 16:54:37 +09:00
|
|
|
{ _success && <Alert type="success" hide={()=>setSuccess('')}>{_success}</Alert> }
|
2021-09-29 23:52:07 +09:00
|
|
|
</div>
|
2021-09-29 23:38:39 +09:00
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2021-10-06 03:23:58 +09:00
|
|
|
export default ContactComplete;
|