From 0c41f3e7aaeec65e65a4c2bd374991c687251de8 Mon Sep 17 00:00:00 2001
From: Lipis <lipiridis@gmail.com>
Date: Mon, 6 Apr 2020 17:26:05 +0300
Subject: [PATCH] Add curved lines/arrows shortcuts (#1274)

---
 src/components/ShortcutsDialog.tsx | 10 +++++++++-
 src/locales/en.json                |  2 ++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/ShortcutsDialog.tsx b/src/components/ShortcutsDialog.tsx
index 7cb0ae1e..e11730b5 100644
--- a/src/components/ShortcutsDialog.tsx
+++ b/src/components/ShortcutsDialog.tsx
@@ -76,7 +76,7 @@ const ShortcutKey = (props: { children: React.ReactNode }) => (
     style={{
       border: "1px solid #ced4da",
       padding: "2px 8px",
-      margin: "0 8px",
+      margin: "0 4px",
       backgroundColor: "#e9ecef",
       borderRadius: "2px",
       fontSize: "0.8em",
@@ -150,6 +150,14 @@ export const ShortcutsDialog = ({ onClose }: { onClose?: () => void }) => {
             <Shortcut title={t("toolBar.arrow")} shortcuts={["A", "5"]} />
             <Shortcut title={t("toolBar.line")} shortcuts={["L", "6"]} />
             <Shortcut title={t("toolBar.text")} shortcuts={["T", "7"]} />
+            <Shortcut
+              title={t("shortcutsDialog.curvedArrow")}
+              shortcuts={["A", "click", "click", "click"]}
+            />
+            <Shortcut
+              title={t("shortcutsDialog.curvedLine")}
+              shortcuts={["L", "click", "click", "click"]}
+            />
             <Shortcut title={t("toolBar.lock")} shortcuts={["Q"]} />
           </ShortcutIsland>
           <ShortcutIsland title={t("shortcutsDialog.editor")}>
diff --git a/src/locales/en.json b/src/locales/en.json
index 360eef12..81edb79e 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -133,6 +133,8 @@
   "shortcutsDialog": {
     "title": "Keyboard shortcuts",
     "shapes": "Shapes",
+    "curvedArrow": "Curved arrow",
+    "curvedLine": "Curved line",
     "editor": "Editor",
     "view": "View",
     "blog": "Read our blog",