21 lines
485 B
TypeScript
21 lines
485 B
TypeScript
import { useRef } from "react";
|
|
import UserBanner from "./UserBanner";
|
|
import ShortcutList from "./ShortcutList";
|
|
import UsageHeatMap from "./UsageHeatMap";
|
|
import "../less/siderbar.less";
|
|
|
|
interface Props {}
|
|
|
|
const Sidebar: React.FC<Props> = () => {
|
|
const wrapperElRef = useRef<HTMLElement>(null);
|
|
|
|
return (
|
|
<aside className="sidebar-wrapper" ref={wrapperElRef}>
|
|
<UserBanner />
|
|
<UsageHeatMap />
|
|
<ShortcutList />
|
|
</aside>
|
|
);
|
|
};
|
|
|
|
export default Sidebar;
|