ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-26 04:50:36 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

B: Adjust selection for Constituenta editor
Some checks failed
Frontend CI / build (22.x) (push) Has been cancelled
Details
Frontend CI / notify-failure (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Ivan 2025-06-19 18:12:58 +03:00
parent 22d8e0fadd
commit 65440e29f0
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/editor-constituenta.tsx
View File

@ -1,6 +1,6 @@
'use client'; 'use client';
import { useState } from 'react'; import { useEffect, useState } from 'react';
import clsx from 'clsx'; import clsx from 'clsx';
import { useWindowSize } from '@/hooks/use-window-size'; import { useWindowSize } from '@/hooks/use-window-size';
@ -20,7 +20,8 @@ import { ToolbarConstituenta } from './toolbar-constituenta';
const SIDELIST_LAYOUT_THRESHOLD = 1000; // px const SIDELIST_LAYOUT_THRESHOLD = 1000; // px
export function EditorConstituenta() { export function EditorConstituenta() {
const { schema, activeCst, isContentEditable, moveUp, moveDown, cloneCst, navigateCst } = useRSEdit(); const { schema, activeCst, isContentEditable, selected, setSelected, moveUp, moveDown, cloneCst, navigateCst } =
useRSEdit();
const windowSize = useWindowSize(); const windowSize = useWindowSize();
const mainHeight = useMainHeight(); const mainHeight = useMainHeight();
@ -33,6 +34,12 @@ export function EditorConstituenta() {
const disabled = !activeCst || !isContentEditable || isProcessing; const disabled = !activeCst || !isContentEditable || isProcessing;
const isNarrow = !!windowSize.width && windowSize.width <= SIDELIST_LAYOUT_THRESHOLD; const isNarrow = !!windowSize.width && windowSize.width <= SIDELIST_LAYOUT_THRESHOLD;
useEffect(() => {
if (activeCst && selected.length !== 1) {
setSelected([activeCst.id]);
}
}, [activeCst, selected, setSelected]);
function handleInput(event: React.KeyboardEvent<HTMLDivElement>) { function handleInput(event: React.KeyboardEvent<HTMLDivElement>) {
if (disabled) { if (disabled) {
return; return;