20 lines
433 B
TypeScript
20 lines
433 B
TypeScript
|
import Sider from 'antd/lib/layout/Sider';
|
||
|
|
import { useRecoilValue } from 'recoil';
|
||
|
|
import { chatCurrentlyVisible } from '../../stores/ClientConfigStore';
|
||
|
|
|
||
|
|
export default function Sidebar() {
|
||
|
|
let chatOpen = useRecoilValue(chatCurrentlyVisible);
|
||
|
|
return (
|
||
|
|
<Sider
|
||
|
|
collapsed={!chatOpen}
|
||
|
|
width={300}
|
||
|
|
style={{
|
||
|
|
position: 'fixed',
|
||
|
|
right: 0,
|
||
|
|
top: 0,
|
||
|
|
bottom: 0,
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|