From 8531971896b5596dda4ec8d7eafd584b3eec2422 Mon Sep 17 00:00:00 2001
From: Steve Ruiz <steveruizok@gmail.com>
Date: Sat, 20 Nov 2021 10:48:18 +0000
Subject: [PATCH] Update ActionButton.tsx (#320)

---
 .../tldraw/src/components/ToolsPanel/ActionButton.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/tldraw/src/components/ToolsPanel/ActionButton.tsx b/packages/tldraw/src/components/ToolsPanel/ActionButton.tsx
index 60a8e162f..284a18c06 100644
--- a/packages/tldraw/src/components/ToolsPanel/ActionButton.tsx
+++ b/packages/tldraw/src/components/ToolsPanel/ActionButton.tsx
@@ -27,6 +27,7 @@ import {
   StretchHorizontallyIcon,
   StretchVerticallyIcon,
   BoxIcon,
+  AngleIcon,
 } from '@radix-ui/react-icons'
 import { DMContent } from '~components/Primitives/DropdownMenu'
 import { Divider } from '~components/Primitives/Divider'
@@ -127,8 +128,8 @@ export function ActionButton(): JSX.Element {
     app.moveToFront()
   }, [app])
 
-  const handleDelete = React.useCallback(() => {
-    app.delete()
+  const handleResetAngle = React.useCallback(() => {
+    app.setShapeProps({ rotation: 0 })
   }, [app])
 
   const alignTop = React.useCallback(() => {
@@ -231,9 +232,9 @@ export function ActionButton(): JSX.Element {
                 <PinTopIcon />
               </Tooltip>
             </ToolButton>
-            <ToolButton disabled={!hasSelection} onClick={handleDelete}>
-              <Tooltip label="Delete" kbd="⌫">
-                <TrashIcon />
+            <ToolButton disabled={!hasSelection} onClick={handleResetAngle}>
+              <Tooltip label="Reset Angle">
+                <AngleIcon />
               </Tooltip>
             </ToolButton>
           </ButtonsRow>