+ {commandKey()} - command line
+ >
+ }
+ else={
+ <>
+ {commandKey()} or {modifierKey} +{" "}
+ shift + p - command line
+ >
+ }
+ />
);
diff --git a/frontend/src/ts/components/pages/AboutPage.tsx b/frontend/src/ts/components/pages/AboutPage.tsx
index f14caf161fb8..375f81574921 100644
--- a/frontend/src/ts/components/pages/AboutPage.tsx
+++ b/frontend/src/ts/components/pages/AboutPage.tsx
@@ -20,6 +20,11 @@ import { H2, H3 } from "../common/Headers";
export function AboutPage(): JSXElement {
const isOpen = () => getActivePage() === "about";
+ const isFirefox = window.navigator.userAgent
+ .toLowerCase()
+ .includes("firefox");
+ const commandKey = (): string =>
+ getConfig.quickRestart === "esc" ? "tab" : "esc";
const contributors = useQuery(() => ({
...getContributorsQueryOptions(),
@@ -203,9 +208,20 @@ export function AboutPage(): JSXElement {
You can use tab and enter (or just{" "}
tab if you have quick tab mode enabled) to restart the
- typing test. Open the command line by pressing ctrl/cmd +{" "}
- shift + p or esc - there you can
- access all the functionality you need without touching your mouse.
+ typing test. Open the command line by pressing{" "}
+
+ ctrl/cmd + shift + p or{" "}
+ {commandKey()}
+ >
+ }
+ >
+ {commandKey()}
+ {" "}
+ - there you can access all the functionality you need without touching
+ your mouse.
diff --git a/frontend/src/ts/pages/settings.ts b/frontend/src/ts/pages/settings.ts
index 3cf3e11f6bc2..8fdf3a57b93a 100644
--- a/frontend/src/ts/pages/settings.ts
+++ b/frontend/src/ts/pages/settings.ts
@@ -724,15 +724,13 @@ export async function update(
CustomBackgroundFilter.updateUI();
const userAgent = window.navigator.userAgent.toLowerCase();
- const modifierKey =
- userAgent.includes("mac") && !userAgent.includes("firefox")
- ? "cmd"
- : "ctrl";
+ const isFirefox = userAgent.includes("firefox");
+ const modifierKey = userAgent.includes("mac") && !isFirefox ? "cmd" : "ctrl";
const commandKey = Config.quickRestart === "esc" ? "tab" : "esc";
qs(".pageSettings .tip")?.setHtml(`
tip: You can also change all these settings quickly using the
- command line (${commandKey} or ${modifierKey} + shift + p)`);
+ command line (${isFirefox ? `${commandKey}` : `${commandKey} or ${modifierKey} + shift + p`})`);
if (
customLayoutFluidSelect !== undefined &&