import React, { useEffect, useState } from 'react'; 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 { useHistory, Link } from 'react-router-dom'; 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); useEffect(() => { axios.get('/api/fathers/meeting/approvals/listChildrenOfApprovel', {params: { meeting_id: meetingId }}) .then((response) => { if(response.data.status_code==200){ console.log(response.data.params); setApproval(response.data.params); } }); }, []); useEffect(() => { axios.get('/api/fathers/meeting/approvals/listChildrenOfUnapprovel', {params: { meeting_id: meetingId }}) .then((response) => { if(response.data.status_code==200){ console.log(response.data.params); setUnapproval(response.data.params); } }); }, []); return ( {setIsApproval(false); }} className={`modal-tab-label ${isApproval ? "" : "is-active"}`}>未承知 {setIsApproval(true); }} className={`modal-tab-label ${!isApproval ? "" : "is-active"}`}>承知済み { unapproval.length > 0 ? unapproval.map((item, ki) => {item.child_id.first_name} {item.child_id.last_name} settingNotify(item.id)} className="btn-default btn-yellow btn-notification btn-r3 btn-h30 btn-w100p btn-fz14"> 通知 ) : データはありません。 } { approval.length > 0 ? approval?.map((item, kj) => {item.child_id.first_name} {item.child_id.last_name} ) : データはありません。 } ) }
{item.child_id.first_name} {item.child_id.last_name}
データはありません。