fix(floorplan-editor): hand tool sits AFTER the 'Modalita disegno' label

Earlier rev had the hand first, before the label. Feedback: the
label belongs at the very start of the strip; the hand reads
better as the first of the tool buttons it groups with. Same
gesture and exclusive-group behaviour, just visually:

  Modalita disegno  [hand]  [SET][UNSET][UP][DOWN][DOOR] ...
This commit is contained in:
simoleo89
2026-05-24 22:06:01 +02:00
committed by simoleo89
parent e60d6e2df8
commit 4378d34e22
@@ -42,19 +42,19 @@ export const FloorplanToolbar: FC<Props> = ({ state, dispatch, canUndo, canRedo,
return ( return (
<Flex gap={ 1 } alignItems="center"> <Flex gap={ 1 } alignItems="center">
<Text bold small>{ LocalizeText('floor.plan.editor.draw.mode') }</Text>
{ setPanMode && ( { setPanMode && (
<Base <Base
pointer pointer
data-testid="tool-pan" data-testid="tool-pan"
data-active={ panMode ? 'true' : 'false' } data-active={ panMode ? 'true' : 'false' }
title={ panMode ? 'Modalità mano attiva — trascina per spostare la vista' : 'Modalità mano — trascina per spostare la vista' } title={ panMode ? 'Modalità mano attiva — trascina per spostare la vista' : 'Modalità mano — trascina per spostare la vista' }
className={ `w-7 h-7 flex items-center justify-center rounded border mr-1 ${ panMode ? 'bg-emerald-500 border-emerald-700 text-white shadow-inner' : 'border-zinc-300 bg-white hover:bg-zinc-50 text-zinc-700' }` } className={ `w-7 h-7 flex items-center justify-center rounded border ${ panMode ? 'bg-emerald-500 border-emerald-700 text-white shadow-inner' : 'border-zinc-300 bg-white hover:bg-zinc-50 text-zinc-700' }` }
onClick={ () => setPanMode(!panMode) } onClick={ () => setPanMode(!panMode) }
> >
<FaHandPaper size={ 12 } /> <FaHandPaper size={ 12 } />
</Base> </Base>
) } ) }
<Text bold small>{ LocalizeText('floor.plan.editor.draw.mode') }</Text>
{ BRUSH_BUTTONS.map(b => { BRUSH_BUTTONS.map(b =>
{ {
const active = state.brush.action === b.mode && !panMode; const active = state.brush.action === b.mode && !panMode;