PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

[fix] tool lock button in toolbar (#2009)

Browse source 
This PR fixes a missing tool lock button in the toolbar.

### Change Type

- [x] `patch` — Bug fix
This commit is contained in:
Steve Ruiz 2023-10-03 15:23:45 +01:00 committed by GitHub
parent f7b325c48c
commit f414548347
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/tldraw/src/lib/ui/components/Toolbar/Toolbar.tsx
View file

@ -31,13 +31,11 @@ export const Toolbar = memo(function Toolbar() {
const activeToolId = useValue('current tool id', () => editor.currentToolId, [editor]) const activeToolId = useValue('current tool id', () => editor.currentToolId, [editor])
const isHandTool = activeToolId === 'hand'
const geoState = useValue('geo', () => editor.sharedStyles.getAsKnownValue(GeoShapeGeoStyle), [ const geoState = useValue('geo', () => editor.sharedStyles.getAsKnownValue(GeoShapeGeoStyle), [
editor, editor,
]) ])
const showEditingTools = !isReadonly const showEditingTools = !isReadonly
const showExtraActions = !(isReadonly || isHandTool)
const getTitle = (item: TLUiToolItem) => const getTitle = (item: TLUiToolItem) =>
item.label ? `${msg(item.label)} ${item.kbd ? kbdStr(item.kbd) : ''}` : '' item.label ? `${msg(item.label)} ${item.kbd ? kbdStr(item.kbd) : ''}` : ''
@ -110,13 +108,9 @@ export const Toolbar = memo(function Toolbar() {
<div className="tlui-toolbar"> <div className="tlui-toolbar">
<div className="tlui-toolbar__inner"> <div className="tlui-toolbar__inner">
<div className="tlui-toolbar__left"> <div className="tlui-toolbar__left">
{!isReadonly && breakpoint < 6 && !editor.isInAny('hand', 'zoom') && ( {!isReadonly && (
<div <div className="tlui-toolbar__extras">
className={classNames('tlui-toolbar__extras', { {breakpoint < 6 && !(activeToolId === 'hand' || activeToolId === 'zoom') && (
'tlui-toolbar__extras__hidden': !showExtraActions,
})}
>
{breakpoint < 6 && !editor.isInAny('hand', 'zoom') && (
<div className="tlui-toolbar__extras__controls"> <div className="tlui-toolbar__extras__controls">
<UndoButton /> <UndoButton />
<RedoButton /> <RedoButton />