-
-
-
-
handleImageChange(e)}/>
-
-
- {
- image &&
-
+ {
+ !loaded &&
+
+ }
+ {
+ loaded &&
+
+
+
+
handleImageChange(e)}/>
+
+
+
+
+ {
+ _422errors.image &&
+
+ {_422errors.image}
+
}
-
-
{profile.name}
-
-
-
- 
-
-
{profile.username}
-
-
-
-
-
-
-
-
-
-
-
+ }
+ {
+ _400error &&
set400Error('')}>{_400error}
+ }
+ { _success_update_image &&
+
setSuccessUpdateImage('')}>
+ {_success_update_image}
+
+ }
-
)
}
diff --git a/backend/resources/js/child/profile/password_edit.jsx b/backend/resources/js/child/profile/password_edit.jsx
index 3be9ab06..b0bc5e4e 100644
--- a/backend/resources/js/child/profile/password_edit.jsx
+++ b/backend/resources/js/child/profile/password_edit.jsx
@@ -1,7 +1,6 @@
import React, { useEffect, useState } from 'react';
import { useHistory } from 'react-router-dom';
import { LoadingButton } from '@material-ui/lab';
-
import axios from 'axios';
import Notification from '../../component/notification';
@@ -9,57 +8,42 @@ import Alert from '../../component/alert';
const ProfilePasswordEdit = () => {
-
- const history = useHistory();
-
- const [pwd, setPwd] = useState('');
- const [confirm_pwd, setConfirmPwd] = useState('');
-
- const [errors, setErrors] = useState({pwd:'', confirm_pwd:''})
- const [err_msg, setErrMsg] = useState({status:'', msg:''})
-
- const [submitStatus, setSubmitStatus] = useState('')
-
- const validateForm = () => {
- let errors = {};
- let formIsValid = true;
-
- if(pwd.length == 0){ formIsValid = false; errors['pwd'] = 'Required'; }
- else errors['pwd'] = '';
+ const history = useHistory();
+ const [password, setPassword] = useState('');
+ const [password_confirmation, setConfirmPassword] = useState('');
- if(confirm_pwd.length == 0){ formIsValid = false; errors['confirm_pwd'] = 'Required'; }
- else errors['confirm_pwd'] = '';
-
- setErrors(errors);
- return formIsValid;
- }
+ const [_422errors, set422Errors] = useState({
+ password:'',
+ password_confirmation:''
+ });
+ const [_400error, set400Error] = useState('');
+ const [_success, setSuccess] = useState('');
+ const [submit, setSubmit] = useState(false);
const handleSubmit = (e) => {
e.preventDefault();
- setErrMsg({status:'', msg:''});
-
- if(!validateForm()) return;
-
- const formdata = new FormData();
- formdata.append('first_name', first_name);
- formdata.append('last_name', last_name);
- formdata.append('email', email);
- formdata.append('password', password);
- formdata.append('company', company);
- formdata.append('image', image);
- // axios.post('/api/children/profile/edit/password/{child_id}', formdata)
- // .then(response => {
- // if(response.data.status_code==200){
- // setSubmitStatus('success);
- // }
- // else if(response.data.status_code==400){
- // setSubmitStatus('failed);
- // }
- // })
- // .catch(err=>console.log(err))
+ set422Errors({
+ password:'',
+ password_confirmation:''
+ });
+ setSubmit(true);
+ const post = {
+ password: password,
+ password_confirmation: password_confirmation
+ }
+ axios.put(`/api/children/updatePassword/${document.getElementById('child_id').value}`, post)
+ .then(response => {
+ setSubmit(false);
+ switch(response.data.status_code){
+ case 200: setSuccess(response.data.success_messages); break;
+ case 400: set400Error(response.data.error_messages); break;
+ case 422: set422Errors(response.data.error_messages); break;
+ }
+ })
+ .catch(err=>console.log(err))
}
@@ -81,43 +65,52 @@ const ProfilePasswordEdit = () => {
diff --git a/backend/resources/js/child/profile/withdrawal.jsx b/backend/resources/js/child/profile/withdrawal.jsx
index 370530cd..9b39ee26 100644
--- a/backend/resources/js/child/profile/withdrawal.jsx
+++ b/backend/resources/js/child/profile/withdrawal.jsx
@@ -1,24 +1,26 @@
import React, { useEffect, useState } from 'react';
-import ReactDOM from 'react-dom';
-
import axios from 'axios';
+import { LoadingButton } from '@material-ui/lab';
import Notification from '../../component/notification';
const ProfileWithdrawal = () => {
+ const [submit, setSubmit] = useState(false);
+ const [_400error, set400Error] = useState('');
+
const handleSubmit = (e) => {
e.preventDefault();
- // axios.delete('/api/children/delete/1')
- // .then(response => {
- // if(response.data.status_code==200){
-
- // }
- // else if(response.data.status_code==400){
-
- // }
- // })
- // .catch(err=>console.log(err))
+ setSubmit(true);
+ let child_id = document.getElementById("child_id").value;
+ axios.delete('/api/children/withdrawal', {params:{child_id: child_id}})
+ .then(response => {
+ setSubmit(false);
+ switch(response.data.status_code){
+ case 200: window.location.href = "/c-account/withdrawal/complete"; break;
+ case 400: set400Error("失敗しました。"); break;
+ }
+ })
}
return (
@@ -37,15 +39,24 @@ const ProfileWithdrawal = () => {
+ {
+ _400error &&
+
set400Error('')}>{_400error}
+ }
+ 
+