2020-06-02 20:52:28 +00:00
|
|
|
import React from "react";
|
2020-07-07 22:14:08 +00:00
|
|
|
import style from "./SideBar.module.css"
|
2020-08-05 20:00:55 +00:00
|
|
|
import GlobalInfos from "../../GlobalInfos";
|
2020-06-02 20:52:28 +00:00
|
|
|
|
2020-08-12 17:50:25 +00:00
|
|
|
/**
|
|
|
|
* component for sidebar-info
|
|
|
|
*/
|
2020-06-02 20:52:28 +00:00
|
|
|
class SideBar extends React.Component {
|
|
|
|
render() {
|
2020-08-05 20:00:55 +00:00
|
|
|
const themeStyle = GlobalInfos.getThemeStyle();
|
2020-08-12 17:50:25 +00:00
|
|
|
return (<div className={style.sideinfo + ' ' + themeStyle.secbackground}>
|
2020-06-02 20:52:28 +00:00
|
|
|
{this.props.children}
|
|
|
|
</div>);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-08-12 17:50:25 +00:00
|
|
|
/**
|
|
|
|
* The title of the sidebar
|
|
|
|
*/
|
2020-07-07 22:14:08 +00:00
|
|
|
export class SideBarTitle extends React.Component {
|
|
|
|
render() {
|
2020-08-05 20:00:55 +00:00
|
|
|
const themeStyle = GlobalInfos.getThemeStyle();
|
2020-07-07 22:14:08 +00:00
|
|
|
return (
|
2020-08-12 17:50:25 +00:00
|
|
|
<div className={style.sidebartitle + ' ' + themeStyle.subtextcolor}>{this.props.children}</div>
|
2020-07-07 22:14:08 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-08-12 17:50:25 +00:00
|
|
|
/**
|
|
|
|
* An item of the sidebar
|
|
|
|
*/
|
2020-07-07 22:14:08 +00:00
|
|
|
export class SideBarItem extends React.Component {
|
|
|
|
render() {
|
2020-08-05 20:00:55 +00:00
|
|
|
const themeStyle = GlobalInfos.getThemeStyle();
|
2020-07-07 22:14:08 +00:00
|
|
|
return (
|
2020-10-09 14:00:51 +00:00
|
|
|
<div
|
|
|
|
className={style.sidebarinfo + ' ' + themeStyle.thirdbackground + ' ' + themeStyle.lighttextcolor}>{this.props.children}</div>
|
2020-07-07 22:14:08 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-06-02 20:52:28 +00:00
|
|
|
export default SideBar;
|