All files / src/entities/eraser/ui EraserFloatingPalette.tsx

100% Statements 3/3
100% Branches 0/0
100% Functions 2/2
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24                4x 4x               1x            
import { useAppDispatch, useAppSelector } from '@/store/hooks';
import { TOOL_SIZES } from '@/shared/constants/toolPresets';
import { ToolFloatingPalette } from '@/widgets/toolbar/ui';
import { setEraserSize } from '@/entities/eraser/model/slice';
import { selectEraserSize } from '@/entities/eraser/model';
import { UI_LABELS } from '@/shared/constants';
 
export function EraserFloatingPalette() {
	const dispatch = useAppDispatch();
	const size = useAppSelector(selectEraserSize);
 
	return (
		<ToolFloatingPalette
			title={UI_LABELS.ERASER_TOOL}
			subtitle={UI_LABELS.ERASER_TOOL_SIZE}
			values={TOOL_SIZES}
			selectedValue={size}
			onValueChange={(v) => dispatch(setEraserSize(v))}
			position="bottom-43"
			data-testid-prefix="eraser"
		/>
	);
}