25 lines
715 B
TypeScript
25 lines
715 B
TypeScript
import { observer } from "mobx-react";
|
|
import { PanelLeft } from "lucide-react";
|
|
// hooks
|
|
import { useAppTheme } from "@/hooks/store/use-app-theme";
|
|
import { isSidebarToggleVisible } from "@/plane-web/components/desktop";
|
|
import { IconButton } from "@plane/propel/icon-button";
|
|
|
|
export const AppSidebarToggleButton = observer(function AppSidebarToggleButton() {
|
|
// store hooks
|
|
const { toggleSidebar, sidebarPeek, toggleSidebarPeek } = useAppTheme();
|
|
|
|
if (!isSidebarToggleVisible()) return null;
|
|
return (
|
|
<IconButton
|
|
size="base"
|
|
variant="ghost"
|
|
icon={PanelLeft}
|
|
onClick={() => {
|
|
if (sidebarPeek) toggleSidebarPeek(false);
|
|
toggleSidebar();
|
|
}}
|
|
/>
|
|
);
|
|
});
|