You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.4 KiB
TypeScript
51 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
|
|
import {
|
|
Icon,
|
|
Layout,
|
|
} from 'antd';
|
|
|
|
interface State {
|
|
collapsed: boolean;
|
|
}
|
|
|
|
export default class StandardWorkspaceComponent extends React.PureComponent<{}, State> {
|
|
public constructor(props: any) {
|
|
super(props);
|
|
this.state = {
|
|
collapsed: true,
|
|
};
|
|
}
|
|
|
|
public render(): JSX.Element {
|
|
const { collapsed } = this.state;
|
|
return (
|
|
<Layout.Sider
|
|
className='cvat-annotation-page-objects-sidebar'
|
|
theme='light'
|
|
width={300}
|
|
collapsedWidth={0}
|
|
reverseArrow
|
|
collapsible
|
|
trigger={null}
|
|
collapsed={collapsed}
|
|
>
|
|
{/* eslint-disable-next-line */}
|
|
<span
|
|
className={`cvat-annotation-page-objects-sidebar
|
|
ant-layout-sider-zero-width-trigger
|
|
ant-layout-sider-zero-width-trigger-left`}
|
|
onClick={
|
|
(): void => this.setState({ collapsed: !collapsed })
|
|
}
|
|
>
|
|
{collapsed && <Icon type='menu-fold' title='Show' />}
|
|
{!collapsed && <Icon type='menu-unfold' title='Hide' />}
|
|
</span>
|
|
|
|
Right sidebar
|
|
</Layout.Sider>
|
|
);
|
|
}
|
|
}
|