mirror of
https://github.com/coder/coder.git
synced 2026-11-03 05:55:24 +08:00
Jake HowellandDanielle Maywood
193e4bd73b
Closes #21650 This pull-request adds a `<Tooltip />` with `<Kbd />` modifiers to the `Run Task` button describing the shortcut how to submit the prompt quickly without having to navigate to the `↑` button. <img width="456" height="298" alt="CleanShot 2026-02-06 at 19 40 58@2x" src="https://github.com/user-attachments/assets/fa08a373-21c3-4620-9551-0c8a6b3547ab" /> It should be noted that the [keyboard shortcut already existed](https://github.com/coder/coder/blob/jakehwll/21650-submit-prompt-shortcut/site/src/modules/tasks/TaskPrompt/TaskPrompt.tsx#L222-L227) so we don't need to implement that here. ```ts // L222-L227 const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => { // Submit form on Cmd+Enter (Mac) or Ctrl+Enter (Windows/Linux) if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) { onSubmit(e); } }; ``` --------- Co-authored-by: Danielle Maywood <danielle@themaywoods.com>
15 lines
311 B
TypeScript
15 lines
311 B
TypeScript
/**
|
|
* Returns true if the current platform is macOS.
|
|
*/
|
|
function isMac(): boolean {
|
|
return !!navigator.platform.match("Mac");
|
|
}
|
|
|
|
/**
|
|
* Returns the platform-appropriate modifier key label: ⌘ on macOS,
|
|
* Ctrl on everything else.
|
|
*/
|
|
export function getOSKey(): string {
|
|
return isMac() ? "⌘" : "Ctrl";
|
|
}
|