fix edgeless edit bar tooltip (#243)

* fix edgeless edit bar tooltip

* fix tooltip

libs/components/board-draw/src/components/tools-panel/ToolsPanel.tsx

@@ -52,8 +52,8 @@ const tools: Array<{
     { type: 'frame', label: 'Frame', tooltip: 'Frame', icon: FrameIcon },
     {
         type: TDShapeType.Editor,
-        label: 'Text',
+        label: 'Text Block',
-        tooltip: 'Text',
+        tooltip: 'Text Block',
         icon: TextIcon,
     },
     { type: 'shapes', component: ShapeTools },
@@ -61,9 +61,9 @@ const tools: Array<{
     { type: 'Connector', component: LineTools },
     // { type: 'erase', label: 'Erase', tooltip: 'Erase', icon: EraseIcon },
     {
-        type: TDShapeType.HandDraw,
+        type: TDShapeType.HandDrag,
-        label: 'HandDraw',
+        label: 'Hand Drag',
-        tooltip: 'HandDraw',
+        tooltip: 'Hand Drag',
         icon: HandToolIcon,
     },
     {

libs/components/board-state/src/tldraw-app.ts

@@ -3981,7 +3981,7 @@ export class TldrawApp extends StateManager<TDSnapshot> {
                 this.patchState({
                     settings: {
                         forcePanning:
-                            this.currentTool.type === TDShapeType.HandDraw,
+                            this.currentTool.type === TDShapeType.HandDrag,
                     },
                 });
                 this.spaceKey = false;

libs/components/board-tools/src/hand-drag/hand-drag-tool.ts

@@ -9,8 +9,8 @@ enum Status {
     Draw = 'draw',
 }
 
-export class HandDrawTool extends BaseTool {
+export class HandDragTool extends BaseTool {
-    override type = TDShapeType.HandDraw as const;
+    override type = TDShapeType.HandDrag as const;
 
     override status: Status = Status.Idle;
 

libs/components/board-tools/src/hand-drag/index.ts

@@ -0,0 +1 @@
+export * from './hand-drag-tool';

libs/components/board-tools/src/hand-draw/index.ts

@@ -1 +0,0 @@
-export * from './hand-draw-tool';

libs/components/board-tools/src/index.ts

@@ -5,7 +5,7 @@ import { EditorTool } from './editor-tool';
 import { EllipseTool } from './ellipse-tool';
 import { EraseTool } from './erase-tool';
 import { FrameTool } from './frame-tool/frame-tool';
-import { HandDrawTool } from './hand-draw';
+import { HandDragTool } from './hand-drag';
 import { HexagonTool } from './hexagon-tool';
 import { HighlightTool } from './highlight-tool';
 import { LaserTool } from './laser-tool';
@@ -32,7 +32,7 @@ export interface ToolsMap {
     [TDShapeType.Highlight]: typeof HighlightTool;
     [TDShapeType.Editor]: typeof EditorTool;
     [TDShapeType.WhiteArrow]: typeof WhiteArrowTool;
-    [TDShapeType.HandDraw]: typeof HandDrawTool;
+    [TDShapeType.HandDrag]: typeof HandDragTool;
     [TDShapeType.Laser]: typeof LaserTool;
     [TDShapeType.Frame]: typeof FrameTool;
 }
@@ -59,6 +59,6 @@ export const tools: { [K in TDToolType]: ToolsMap[K] } = {
     [TDShapeType.Hexagon]: HexagonTool,
     [TDShapeType.WhiteArrow]: WhiteArrowTool,
     [TDShapeType.Laser]: LaserTool,
-    [TDShapeType.HandDraw]: HandDrawTool,
+    [TDShapeType.HandDrag]: HandDragTool,
     [TDShapeType.Frame]: FrameTool,
 };

libs/components/board-types/src/types.ts

@@ -212,7 +212,7 @@ export type TDToolType =
     | TDShapeType.WhiteArrow
     | TDShapeType.Editor
     | TDShapeType.Frame
-    | TDShapeType.HandDraw;
+    | TDShapeType.HandDrag;
 
 export type Easing =
     | 'linear'
@@ -287,7 +287,7 @@ export enum TDShapeType {
     Video = 'video',
     Editor = 'editor',
     WhiteArrow = 'white-arrow',
-    HandDraw = 'hand-draw',
+    HandDrag = 'hand-drag',
     Frame = 'frame',
 }