118 行
3.6 KiB
JavaScript
118 行
3.6 KiB
JavaScript
import React, { useEffect, useState } from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
import axios from 'axios';
|
|
|
|
import Notification from '../../component/notification';
|
|
|
|
const parent_list = [
|
|
{
|
|
company: '株式会社ZOTMAN',
|
|
image:'/assets/img/avatar/avatar-sample03@2x.png',
|
|
},
|
|
{
|
|
company: '株式会社ZOTMAN',
|
|
image:'/assets/img/avatar/avatar-sample03@2x.png',
|
|
},
|
|
{
|
|
company: '株式会社ZOTMAN',
|
|
image:'/assets/img/avatar/avatar-sample03@2x.png',
|
|
},
|
|
{
|
|
company: '株式会社ZOTMAN',
|
|
image:'/assets/img/avatar/avatar-sample03@2x.png',
|
|
},
|
|
{
|
|
company: '株式会社ZOTMAN',
|
|
image:'/assets/img/avatar/avatar-sample03@2x.png',
|
|
},
|
|
{
|
|
company: '株式会社ZOTMAN',
|
|
image:'/assets/img/avatar/avatar-sample03@2x.png',
|
|
},
|
|
{
|
|
company: '株式会社ZOTMAN',
|
|
image:'/assets/img/avatar/avatar-sample03@2x.png',
|
|
},
|
|
{
|
|
company: '株式会社ZOTMAN',
|
|
image:'/assets/img/avatar/avatar-sample03@2x.png',
|
|
}
|
|
]
|
|
|
|
|
|
const Parent = () => {
|
|
|
|
const [tab_status, setTabStatus] = useState(false);
|
|
// const [meeting_list, setMettingList] = useState([]);
|
|
|
|
const clickTab01 = () => {
|
|
setTabStatus(false);
|
|
}
|
|
|
|
const clickTab02 = () => {
|
|
setTabStatus(true);
|
|
}
|
|
|
|
useEffect(
|
|
() => {
|
|
const formdata = new FormData();
|
|
let child_id = 1;
|
|
|
|
// axios.get('/api/fathers/listOfChild/')
|
|
// .then(response => {
|
|
// if(response.data.status_code==200){
|
|
// // window.location.href = '/register/c-account/complete';
|
|
// console.log(response.data)
|
|
// }
|
|
// else if(response.data.status_code==400){
|
|
// // window.location.href = '/register/c-account/error';
|
|
// }
|
|
// else if(response.data.status_code==500){
|
|
// // window.location.href = '/unknown-error';
|
|
// }
|
|
// })
|
|
// .catch(err=>console.log(err))
|
|
},[]
|
|
);
|
|
|
|
return (
|
|
<>
|
|
<div className="l-content__ttl">
|
|
<div className="l-content__ttl__left">
|
|
<h2>親一覧</h2>
|
|
</div>
|
|
<Notification/>
|
|
</div>
|
|
|
|
<div className="l-content-wrap">
|
|
<section className="search-container">
|
|
<div className="search-wrap">
|
|
<div className="search-content">
|
|
{
|
|
parent_list.map((item, id)=>
|
|
<div className="search-item border-0" key={id}>
|
|
<a href="/c-account/parent/detail/1">
|
|
<div className="user-wrap">
|
|
<div className="user-avatar">
|
|
<img alt="name" className="avatar-img" src={item.image}/>
|
|
</div>
|
|
<div className="user-info">
|
|
<p className="user-name">{item.company}</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
)
|
|
}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</>
|
|
|
|
)
|
|
}
|
|
|
|
|
|
|
|
export default Parent; |