Fix hotkey recognition

This commit is contained in:
IRBorisov 2023-09-15 23:48:04 +03:00
parent 88a7181695
commit 017c95ac9b

View File

@ -28,7 +28,7 @@ interface EditorItemsProps {
} }
function EditorItems({ onOpenEdit, onCreateCst, onDeleteCst }: EditorItemsProps) { function EditorItems({ onOpenEdit, onCreateCst, onDeleteCst }: EditorItemsProps) {
const { colors } = useConceptTheme(); const { colors, mainHeight } = useConceptTheme();
const windowSize = useWindowSize(); const windowSize = useWindowSize();
const { schema, isEditable, cstMoveTo, resetAliases } = useRSForm(); const { schema, isEditable, cstMoveTo, resetAliases } = useRSForm();
const [selected, setSelected] = useState<number[]>([]); const [selected, setSelected] = useState<number[]>([]);
@ -136,6 +136,7 @@ function EditorItems({ onOpenEdit, onCreateCst, onDeleteCst }: EditorItemsProps)
if (!isEditable) { if (!isEditable) {
return; return;
} }
console.log(1);
if (event.key === 'Delete' && selected.length > 0) { if (event.key === 'Delete' && selected.length > 0) {
event.preventDefault(); event.preventDefault();
handleDelete(); handleDelete();
@ -288,7 +289,12 @@ function EditorItems({ onOpenEdit, onCreateCst, onDeleteCst }: EditorItemsProps)
], [colors]); ], [colors]);
return ( return (
<div className='w-full'> <div
className='w-full outline-none'
style={{minHeight: mainHeight}}
tabIndex={0}
onKeyDown={handleTableKey}
>
<div className='sticky top-0 flex justify-start w-full gap-1 px-2 py-1 border-b items-center h-[2.2rem] select-none clr-app'> <div className='sticky top-0 flex justify-start w-full gap-1 px-2 py-1 border-b items-center h-[2.2rem] select-none clr-app'>
<div className='mr-3 min-w-[9rem] whitespace-nowrap'> <div className='mr-3 min-w-[9rem] whitespace-nowrap'>
Выбор {selected.length} из {schema?.stats?.count_all ?? 0} Выбор {selected.length} из {schema?.stats?.count_all ?? 0}
@ -352,7 +358,7 @@ function EditorItems({ onOpenEdit, onCreateCst, onDeleteCst }: EditorItemsProps)
</ConceptTooltip> </ConceptTooltip>
</div> </div>
</div> </div>
<div className='w-full h-full text-sm' onKeyDown={handleTableKey}> <div className='w-full h-full text-sm'>
<DataTable <DataTable
data={schema?.items ?? []} data={schema?.items ?? []}
columns={columns} columns={columns}