/
SideBar.js
37 lines (35 loc) · 1.37 KB
/
SideBar.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import React, { Component } from 'react';
import { Menu, Divider } from 'semantic-ui-react';
import SidebarItem from './SideBarItem/SideBarItem';
import SideBarHeader from './SideBarHeader/SideBarHeader';
import './SideBar.scss';
import Subscriptions from './Subscriptions/Subscriptions';
import { SideBarFooter } from './SideBarFooter/SideBarFooter';
class Sidebar extends Component {
render() {
return (
<Menu borderless vertical stackable fixed="left" className="side-nav">
<SidebarItem name="home" label="Home" highlight />
<SidebarItem name="fire" label="Trending" />
<SidebarItem name="spy" label="Followers" />
<Divider />
<SideBarHeader title="library" />
<SidebarItem name="clock outline" label="History" />
<SidebarItem name="clock" label="Watch later" />
<SidebarItem name="thumbs up" label="Liked videos" />
<Divider />
<Subscriptions />
<SideBarHeader title="more from youtube" />
<SidebarItem name="film" label="Movies and Shows" />
<Divider />
<SidebarItem name="setting" label="Settings" />
<SidebarItem name="flag" label="Report history" />
<SidebarItem name="help circle" label="Help" />
<SidebarItem name="comment" label="Send feedback" />
<Divider />
<SideBarFooter />
</Menu>
);
}
}
export default Sidebar;