Files
yaak/src-web/components/SidebarDisplayToggle.tsx
Gregory Schier cf7ef55b7d Panel icons
2023-03-25 23:29:04 -07:00

17 lines
502 B
TypeScript

import { memo } from 'react';
import { useSidebarDisplay } from '../hooks/useSidebarDisplay';
import { IconButton } from './core/IconButton';
export const SidebarDisplayToggle = memo(function SidebarDisplayToggle() {
const sidebarDisplay = useSidebarDisplay();
return (
<IconButton
onClick={sidebarDisplay.toggle}
className="pointer-events-auto"
size="sm"
title="Show sidebar"
icon={sidebarDisplay.hidden ? 'leftPanelHidden' : 'leftPanelVisible'}
/>
);
});