54 行
2.3 KiB
JavaScript
54 行
2.3 KiB
JavaScript
|
import React from 'react';
|
||
|
|
|
||
|
|
class Side extends React.Component {
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<div className="l-side">
|
||
|
|
<div className="l-side-logo">
|
||
|
|
<a href=""><img src="../assets/img/common/logo.svg" alt="ロゴ" /></a>
|
||
|
|
</div>
|
||
|
|
<nav className="mypage-nav">
|
||
|
|
<ul className="mypage-nav-list -meeting">
|
||
|
|
<li className="mypage-nav-list__item nav-active">
|
||
|
|
<a href="" className="mypage-nav-list__link">
|
||
|
|
<i className="icon meeting"></i><span>ミーティング</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li className="mypage-nav-list__item -favorite">
|
||
|
|
<a href="" className="mypage-nav-list__link">
|
||
|
|
<i className="icon star"></i>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li className="mypage-nav-list__item -search">
|
||
|
|
<a href="" className="mypage-nav-list__link">
|
||
|
|
<i className="icon search"></i><span>検索</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li className="mypage-nav-list__item -childinfo">
|
||
|
|
<a href="" className="mypage-nav-list__link">
|
||
|
|
<i className="icon parents"></i><span>子情報</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li className="mypage-nav-list__item -profile">
|
||
|
|
<a href="" className="user-icon mypage-nav-list__link">
|
||
|
|
<figure>
|
||
|
|
<div className="prof-wrap">
|
||
|
|
<img src="../assets/img/avatar/avatar-sample01@2x.png" alt="" />
|
||
|
|
</div>
|
||
|
|
</figure>
|
||
|
|
<span>プロフィール</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li className="mypage-nav-list__item -logout">
|
||
|
|
<a href="" className="mypage-nav-list__link">
|
||
|
|
<i className="icon log-out"></i><span>ログアウト</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Side;
|