import React, { useEffect, useState } from 'react'; import { useHistory, Link } from 'react-router-dom'; import axios from 'axios'; 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 { CircularProgress } from '@material-ui/core'; import Alert from '../component/alert'; const Transition = React.forwardRef(function Transition(props, ref) { return ; }); export default function ModalSettingNotify({show, handleClose, meetingId}){ const [unapproval, setUnapproval ] = useState([]); const [approval, setApproval ] = useState([]); const [isApproval, setIsApproval ] = useState(false); const [_success, setSuccess] = useState(''); const [_400error, set400Error] = useState(''); const [loaded1, setLoaded1] = useState(false); const [loaded2, setLoaded2] = useState(false); const [loaded, setLoaded] = useState(false); useEffect(() => { setLoaded1(false); axios.get('/api/fathers/meeting/approvals/listChildrenOfApprovel', {params: { meeting_id: meetingId }}) .then((response) => { setLoaded1(true); if(response.data.status_code==200){ console.log(response.data.params); setApproval(response.data.params); } }); }, []); useEffect(() => { setLoaded2(false); axios.get('/api/fathers/meeting/approvals/listChildrenOfUnapprovel', {params: { meeting_id: meetingId }}) .then((response) => { setLoaded2(true); if(response.data.status_code==200){ console.log(response.data.params); setUnapproval(response.data.params); } }); }, []); useEffect(()=>{ setLoaded(loaded1 && loaded2); },[loaded1, loaded2]); const settingNotify = (tel) => { const formdata = new FormData(); formdata.append('tel', JSON.stringify(new Array(tel))); formdata.append('meeting_id', meetingId); axios.post('/api/fathers/approvalNotification', formdata) .then(response=>{ switch(response.data.status_code){ case 200: setSuccess('SMSの送信に成功しました!'); break; case 400: set400Error('SMSの送信に失敗しました。'); break; } }) } return ( {setIsApproval(false); }} className={`modal-tab-label ${isApproval ? "" : "is-active"}`}>未承知 {setIsApproval(true); }} className={`modal-tab-label ${!isApproval ? "" : "is-active"}`}>承知済み { !loaded && } { loaded && <> { unapproval.length > 0 ? unapproval.map((item, ki) => {item.child.first_name} {item.child.last_name} settingNotify(item.child.tel)} className="btn-default btn-yellow btn-notification btn-r3 btn-h30 btn-w100p btn-fz14"> 通知 ) : データはありません。 } { approval.length > 0 ? approval?.map((item, kj) => {item.child.first_name} {item.child.last_name} ) : データはありません。 } { _400error && set400Error('')}>{_400error} } { _success && setSuccess('')}>{_success}} > } ) }
{item.child.first_name} {item.child.last_name}
データはありません。