starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-27 11:51:13 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Dedicated event for model creation

Browse Source
This commit is contained in:
Gregory Schier
2023-03-30 16:49:49 -07:00
parent e458675627
commit 643356bad3
5 changed files with 67 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src-web/components/SidebarDisplayToggle.tsx
View File

@@ -1,16 +1,32 @@
import { memo } from 'react';
import { memo, useCallback } from 'react';
import { useCreateRequest } from '../hooks/useCreateRequest';
import { useSidebarDisplay } from '../hooks/useSidebarDisplay';
import { IconButton } from './core/IconButton';
import { HStack } from './core/Stacks';
export const SidebarDisplayToggle = memo(function SidebarDisplayToggle() {
const sidebarDisplay = useSidebarDisplay();
const createRequest = useCreateRequest({ navigateAfter: true });
const handleCreateRequest = useCallback(() => {
createRequest.mutate({ name: 'New Request' });
}, []);
return (
<IconButton
onClick={sidebarDisplay.toggle}
className="pointer-events-auto"
size="sm"
title="Show sidebar"
icon={sidebarDisplay.hidden ? 'leftPanelHidden' : 'leftPanelVisible'}
/>
<HStack space={1}>
<IconButton
onClick={sidebarDisplay.toggle}
className="pointer-events-auto"
size="sm"
title="Show sidebar"
icon={sidebarDisplay.hidden ? 'leftPanelHidden' : 'leftPanelVisible'}
/>
<IconButton
onClick={handleCreateRequest}
className="pointer-events-auto"
size="sm"
title="Show sidebar"
icon="plusCircle"
/>
</HStack>
);
});