Files
yaak/src-web/hooks/useToggleCommandPalette.tsx
Gregory Schier ecabe9b6ef Cleanup (#148)
2024-12-20 23:49:48 -08:00

22 lines
588 B
TypeScript

import { useCallback } from 'react';
import { CommandPalette } from '../components/CommandPalette';
import { useDialog } from './useDialog';
export function useToggleCommandPalette() {
const dialog = useDialog();
const togglePalette = useCallback(() => {
dialog.toggle({
id: 'command_palette',
size: 'dynamic',
hideX: true,
className: '!max-h-[min(30rem,calc(100vh-4rem))]',
vAlign: 'top',
noPadding: true,
noScroll: true,
render: ({ hide }) => <CommandPalette onClose={hide} />,
});
}, [dialog]);
return togglePalette;
}