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 PhotoCameraOutlinedIcon from '@mui/icons-material/PhotoCameraOutlined';
import Alert from '../../component/alert';
import ModalConfirm from '../../component/modal_confirm';
const Transition = React.forwardRef(function Transition(props, ref) {
return ;
});
const ParentDetail = (props) => {
const history = useHistory();
const [image, setImage] = useState('');
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(props.history.location.state);
const [show_confirm_modal, setShowConfirmModal] = useState(false);
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);
setImage(response.data.params.image);
}
else{
set400Error("失敗しました。");
}
})
},[]);
const handleImageChange = (e) => {
e.preventDefault();
let reader = new FileReader();
let _file = e.target.files[0];
reader.readAsDataURL(_file);
reader.onloadend = () => {
set422Errors({image: ''});
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 handleAcceptDelete() {
setSubmit(true);
axios.delete(`/api/admin/fathers/delete/${props.match.params?.father_id}`)
.then(response => {
setShowConfirmModal(false);
setSubmit(false);
if(response.data.status_code == 200){
history.push({
pathname: "/admin/parent",
state: '削除に成功しました!'});
} else {
set400Error("削除に失敗しました。");
}
});
};
return (
{
!loaded &&
}
{
loaded && parent &&
handleImageChange(e)}/>
{
_422errors.image &&
{_422errors.image}
}
{parent.company}
プロフィールを変更する
パスワードを変更する
}
setShowConfirmModal(false)}
handleAccept={handleAcceptDelete}
loading={submit}
/>
{ _400error && set400Error('')}> {_400error} }
{ _success && setSuccess('')}> {_success} }
)
}
export default ParentDetail;