Add translation in keyboard shortcut (#838)

packages/tldraw/src/components/ToolsPanel/keyboardShortcutDialog.tsx

@@ -102,7 +102,9 @@ export function KeyboardShortcutDialog({
           <StyledColumns bp={breakpoints}>
             {Object.entries(shortcuts).map(([key, value]) => (
               <StyledSection key={key}>
-                <Label>{key}</Label>
+                <Label>
+                  <FormattedMessage id={`menu.${key.toLocaleLowerCase()}`} />
+                </Label>
                 <ContentItem>
                   {value.map((shortcut) => (
                     <StyledItem key={shortcut.label}>

packages/tldraw/src/translations/fr.json

@@ -12,6 +12,8 @@
   "to": "À",
   "to.selection": "Sélection",
   "to.fit": "Contenu",
+  "menu.tools": "Outils",
+  "menu.transform": "Transformation",
   "menu.file": "Fichier",
   "menu.edit": "Édition",
   "menu.view": "Afficher",
@@ -97,4 +99,4 @@
   "right": "À droite",
   "top": "En haut",
   "page": "Page"
-}
+}

packages/tldraw/src/translations/main.json

@@ -12,6 +12,8 @@
   "to": "To",
   "to.selection": "To Selection",
   "to.fit": "To Fit",
+  "menu.tools": "Tools",
+  "menu.transform": "Transform",
   "menu.file": "File",
   "menu.edit": "Edit",
   "menu.view": "View",
@@ -99,4 +101,4 @@
   "keyboard.shortcuts": "Keyboard shortcuts",
   "search": "Search",
   "loading": "Loading{dots}"
-}
+}