Spaces:
Sleeping
Sleeping
File size: 1,484 Bytes
e1753d8 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
import { track, useEditor, TldrawUiMenuItem } from 'tldraw'
import { LockIcon } from './Icons'
export const LockStatus = track(() => {
const editor = useEditor()
const selectedShapes = editor.getSelectedShapes()
const hasLocked = selectedShapes.some(s => s.isLocked)
if (!hasLocked) return null
return (
<div className="tlui-toast" style={{
position: 'absolute',
bottom: 120,
left: '50%',
transform: 'translateX(-50%)',
zIndex: 1000,
display: 'flex',
alignItems: 'center',
gap: '8px',
pointerEvents: 'none'
}}>
<LockIcon size={16} />
<span>Selection Locked</span>
</div>
)
})
export const ToggleLockMenuItem = track(() => {
const editor = useEditor()
const selectedShapes = editor.getSelectedShapes()
if (selectedShapes.length === 0) return null
const allLocked = selectedShapes.every((s) => s.isLocked)
return (
<TldrawUiMenuItem
id="toggle-lock"
label={allLocked ? 'Unlock' : 'Lock'}
icon={allLocked ? 'unlock' : 'lock'}
onSelect={() => {
editor.updateShapes(
selectedShapes.map((s) => ({
id: s.id,
type: s.type,
isLocked: !allLocked,
}))
)
}}
/>
)
})
|