diff --git a/webapp/src/components/KeyboardControlsHelp.tsx b/webapp/src/components/KeyboardControlsHelp.tsx index 038078d8db0e..c5f3f43709dc 100644 --- a/webapp/src/components/KeyboardControlsHelp.tsx +++ b/webapp/src/components/KeyboardControlsHelp.tsx @@ -1,6 +1,6 @@ import * as React from "react"; import * as Blockly from "blockly"; -import { getShortcutKeysShortAll, LIST_SHORTCUTS_SHORTCUT } from "../shortcut_formatting"; +import { CONTROL_KEY_SHORT, getShortcutKeysShortAll, LIST_SHORTCUTS_SHORTCUT } from "../shortcut_formatting"; const names = Blockly.ShortcutItems.names; const isMacPlatform = pxt.BrowserUtils.isMac(); @@ -10,10 +10,12 @@ const KeyboardControlsHelp = () => { React.useEffect(() => { ref.current?.focus() }, []); - const ctrl = lf("{id:keyboard symbol}Ctrl"); + const ctrl = CONTROL_KEY_SHORT; const cmd = isMacPlatform ? "⌘" : ctrl; const orAsJoiner = lf("or") const enterOrSpace = { shortcuts: getShortcutKeysShortAll(names.PERFORM_ACTION), joiner: orAsJoiner} + // Split around {0} so the modifier renders as a (for its aria-label). + const moveAnywhere = lf("Hold {0} and press arrow keys").split("{0}"); return (