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-03 18:38:22 +00:00
|
|
|
import StaticInfos from "../../GlobalInfos";
|
2020-06-02 20:52:28 +00:00
|
|
|
|
|
|
|
class SideBar extends React.Component {
|
|
|
|
render() {
|
2020-08-03 23:31:43 +00:00
|
|
|
const themeStyle = StaticInfos.getThemeStyle();
|
2020-08-03 18:38:22 +00:00
|
|
|
return (<div className={style.sideinfo + ' '+ themeStyle.secbackground}>
|
2020-06-02 20:52:28 +00:00
|
|
|
{this.props.children}
|
|
|
|
</div>);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-07-07 22:14:08 +00:00
|
|
|
export class SideBarTitle extends React.Component {
|
|
|
|
render() {
|
2020-08-03 23:31:43 +00:00
|
|
|
const themeStyle = StaticInfos.getThemeStyle();
|
2020-07-07 22:14:08 +00:00
|
|
|
return (
|
2020-08-03 18:38:22 +00:00
|
|
|
<div className={style.sidebartitle + ' '+ themeStyle.subtextcolor}>{this.props.children}</div>
|
2020-07-07 22:14:08 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export class SideBarItem extends React.Component {
|
|
|
|
render() {
|
2020-08-03 23:31:43 +00:00
|
|
|
const themeStyle = StaticInfos.getThemeStyle();
|
2020-07-07 22:14:08 +00:00
|
|
|
return (
|
2020-08-03 23:31:43 +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;
|