Translate click and change label (#1299)

src/actions/actionMenu.tsx

@@ -77,7 +77,7 @@ export const actionShortcuts = register({
     };
   },
   PanelComponent: ({ updateData }) => (
-    <HelpIcon title={t("buttons.showShortcuts")} onClick={updateData} />
+    <HelpIcon title={t("shortcutsDialog.title")} onClick={updateData} />
   ),
   keyTest: (event) => event.key === KEYS.QUESTION_MARK,
 });

src/components/ShortcutsDialog.tsx

@@ -165,12 +165,22 @@ export const ShortcutsDialog = ({ onClose }: { onClose?: () => void }) => {
             <Shortcut label={t("toolBar.text")} shortcuts={["T", "7"]} />
             <Shortcut
               label={t("shortcutsDialog.curvedArrow")}
-              shortcuts={["A", "click", "click", "click"]}
+              shortcuts={[
+                "A",
+                t("shortcutsDialog.click"),
+                t("shortcutsDialog.click"),
+                t("shortcutsDialog.click"),
+              ]}
               isOr={false}
             />
             <Shortcut
               label={t("shortcutsDialog.curvedLine")}
-              shortcuts={["L", "click", "click", "click"]}
+              shortcuts={[
+                "L",
+                t("shortcutsDialog.click"),
+                t("shortcutsDialog.click"),
+                t("shortcutsDialog.click"),
+              ]}
               isOr={false}
             />
             <Shortcut label={t("toolBar.lock")} shortcuts={["Q"]} />

src/locales/en.json

@@ -71,8 +71,7 @@
     "redo": "Redo",
     "roomDialog": "Start live collaboration",
     "createNewRoom": "Create new room",
-    "toggleFullScreen": "Toggle full screen",
+    "toggleFullScreen": "Toggle full screen"
-    "showShortcuts": "Show shortcuts"
   },
   "alerts": {
     "clearReset": "This will clear the whole canvas. Are you sure?",
@@ -135,6 +134,7 @@
     "title": "Keyboard shortcuts",
     "shapes": "Shapes",
     "or": "or",
+    "click": "click",
     "curvedArrow": "Curved arrow",
     "curvedLine": "Curved line",
     "editor": "Editor",