2022-02-02 05:04:50 +09:00
|
|
|
import React, { useContext, useEffect } from 'react';
|
2022-02-01 13:24:01 +09:00
|
|
|
import { Link, useLocation } from 'react-router-dom';
|
|
|
|
import { HeaderContext } from '../context';
|
2021-10-09 05:26:42 +09:00
|
|
|
|
2021-10-31 12:26:19 +09:00
|
|
|
export default function AdminSide() {
|
2022-02-01 13:24:01 +09:00
|
|
|
|
2022-02-03 02:33:22 +09:00
|
|
|
const {
|
|
|
|
selected_item_sidebar,
|
|
|
|
SetSelectedItemOfSidebar,
|
|
|
|
handleLogout
|
|
|
|
} = useContext(HeaderContext);
|
|
|
|
|
2022-02-01 13:24:01 +09:00
|
|
|
const {pathname} = useLocation();
|
|
|
|
|
|
|
|
useEffect(()=>{
|
|
|
|
SetSelectedItemOfSidebar(pathname.split('/')[2]);
|
2022-02-03 02:33:22 +09:00
|
|
|
}, []);
|
2021-10-20 20:25:21 +09:00
|
|
|
|
2021-10-09 05:26:42 +09:00
|
|
|
return (
|
|
|
|
<div className="l-side">
|
|
|
|
<div className="l-side-logo">
|
2021-12-16 05:29:15 +09:00
|
|
|
<a href=""><img src="/assets/img/common/logo_w.svg" alt="ロゴ" /></a>
|
2021-10-09 05:26:42 +09:00
|
|
|
</div>
|
|
|
|
<nav className="mypage-nav">
|
|
|
|
<ul className="mypage-nav-list">
|
2021-12-17 10:02:47 +09:00
|
|
|
<li
|
2022-02-01 13:24:01 +09:00
|
|
|
className={`mypage-nav-list__item ${selected_item_sidebar == 'meeting' && "nav-active"}`}
|
2021-10-09 05:26:42 +09:00
|
|
|
onClick={e => {
|
2022-02-01 13:24:01 +09:00
|
|
|
SetSelectedItemOfSidebar('meeting');
|
2021-10-09 05:26:42 +09:00
|
|
|
}}>
|
|
|
|
<Link className='mypage-nav-list__link' to='/admin/meeting'>
|
|
|
|
<i className="icon meeting"></i>
|
|
|
|
<span>ミーティング</span>
|
|
|
|
</Link>
|
|
|
|
</li>
|
2021-12-17 10:02:47 +09:00
|
|
|
|
2022-02-01 13:24:01 +09:00
|
|
|
<li className={`mypage-nav-list__item ${ selected_item_sidebar == 'child' && "nav-active"}`}
|
2021-10-09 05:26:42 +09:00
|
|
|
onClick={e => {
|
2022-02-01 13:24:01 +09:00
|
|
|
SetSelectedItemOfSidebar('child');
|
2021-10-09 05:26:42 +09:00
|
|
|
}}>
|
|
|
|
<Link className='mypage-nav-list__link' to='/admin/child'>
|
|
|
|
<i className="icon parents"></i>
|
|
|
|
<span>子情報</span>
|
|
|
|
</Link>
|
|
|
|
</li>
|
|
|
|
|
2022-02-01 13:24:01 +09:00
|
|
|
<li className={`mypage-nav-list__item ${ selected_item_sidebar == 'parent' && "nav-active"}`}
|
2021-10-09 05:26:42 +09:00
|
|
|
onClick={e => {
|
2022-02-01 13:24:01 +09:00
|
|
|
SetSelectedItemOfSidebar('parent');
|
2021-10-09 05:26:42 +09:00
|
|
|
}}>
|
|
|
|
<Link className='mypage-nav-list__link' to='/admin/parent'>
|
|
|
|
<i className="icon parents"></i>
|
|
|
|
<span>親情報</span>
|
|
|
|
</Link>
|
|
|
|
</li>
|
2021-12-17 10:02:47 +09:00
|
|
|
|
2022-02-01 13:24:01 +09:00
|
|
|
<li className={`mypage-nav-list__item ${ selected_item_sidebar == 'logout' && "nav-active"}`}
|
2021-10-20 20:25:21 +09:00
|
|
|
onClick={e => {
|
2022-02-01 13:24:01 +09:00
|
|
|
SetSelectedItemOfSidebar('logout');
|
2021-10-20 20:25:21 +09:00
|
|
|
}}>
|
|
|
|
|
|
|
|
<a className="mypage-nav-list__link" onClick={handleLogout}>
|
2021-10-09 05:26:42 +09:00
|
|
|
<i className="icon log-out"></i><span>ログアウト</span>
|
|
|
|
</a>
|
|
|
|
</li>
|
2021-12-17 10:02:47 +09:00
|
|
|
|
2021-10-09 05:26:42 +09:00
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
);
|
2021-12-17 10:02:47 +09:00
|
|
|
}
|