import React, { useEffect, useState } from 'react';
import { useHistory, Link } from 'react-router-dom';
import axios from 'axios';
import { LoadingButton } from '@material-ui/lab';
import { CircularProgress } from '@material-ui/core';
import IconButton from "@material-ui/core/IconButton";
import Button from '@mui/material/Button';
import Dialog from '@mui/material/Dialog';
import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle';
import Slide from '@mui/material/Slide';
import Alert from '../../component/alert';
const Transition = React.forwardRef(function Transition(props, ref) {
return ;
});
const ParentDetail = (props) => {
const history = useHistory();
const [image, setImage] = useState('/assets/img/avatar/avatar-sample03@2x.png');
const [open, setOpen] = useState(false);
const [loaded, setLoaded] = useState(false);
const [submit, setSubmit] = useState(false);
const [parent, setParent] = useState(null);
const [_400error, set400Error] = useState('');
const [_422errors, set422Errors] = useState({image: ''});
const [_success, setSuccess] = useState('');
useEffect(
() => {
setLoaded(false);
axios.get(`/api/admin/fathers/detail/${props.match.params?.father_id}`)
.then(response => {
setLoaded(true);
if(response.data.status_code==200){
setParent(response.data.params[0]);
}
})
.catch(err=>console.log(err))
},[]
);
const handleImageChange = (e) => {
e.preventDefault();
let reader = new FileReader();
let _file = e.target.files[0];
reader.readAsDataURL(_file);
reader.onloadend = () => {
axios.put(`/api/admin/fathers/updateImage/${props.match.params?.father_id}`, {image: reader.result})
.then(response => {
switch(response.data.status_code){
case 200: {
setImage(reader.result);
setSuccess(response.data.success_messages);
break;
}
case 400: set400Error(response.data.error_messages); break;
case 422: set422Errors(response.data.error_messages); break;
}
});
};
};
async function openModal() {
setOpen(true);
};
async function closeModal() {
setOpen(false);
};
async function handleAccept() {
try {
setSubmit(true);
axios.delete(`/api/admin/fathers/delete/${props.match.params?.father_id}`)
.then(response => {
closeModal();
setSubmit(false);
if(response.data.status_code == 200){
setSuccess('削除に成功しました!');
} else {
set400Error("削除に失敗しました。");
}
});
} catch (error) {
console.log('error', error);
}
};
return (
{
!loaded &&
}
{
loaded &&
(
parent ?
handleImageChange(e)}/>
{
_422errors.image &&
{_422errors.image}
}
{`${parent.first_name} ${parent.last_name}`}
プロフィールを変更する
パスワードを変更する
:
データが存在していません。
)
}
{
_400error &&
set400Error('')}>{_400error}
}
{
_success &&
history.push({
pathname: "/admin/parent",
state: {}
})}>{_success}
}
)
}
export default ParentDetail;