From 2ead7a72cd00c51e4e1d20777628ed4c98c645d8 Mon Sep 17 00:00:00 2001
From: Leonabcd123 <156839416+Leonabcd123@users.noreply.github.com>
Date: Tue, 16 Jun 2026 21:40:12 +0300
Subject: [PATCH] fix: use commandline hotkey in custom time/word modals

---
 frontend/src/ts/components/modals/CustomTestDurationModal.tsx | 4 ++--
 frontend/src/ts/components/modals/CustomWordAmountModal.tsx   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/ts/components/modals/CustomTestDurationModal.tsx b/frontend/src/ts/components/modals/CustomTestDurationModal.tsx
index a8860ab0070a..6ff0865e1a84 100644
--- a/frontend/src/ts/components/modals/CustomTestDurationModal.tsx
+++ b/frontend/src/ts/components/modals/CustomTestDurationModal.tsx
@@ -7,6 +7,7 @@ import { restartTestEvent } from "../../events/test";
 import { hideModalAndClearChain } from "../../states/modals";
 import { showNoticeNotification } from "../../states/notifications";
 import { AnimatedModal } from "../common/AnimatedModal";
+import { CommandlineHotkey } from "../hotkeys/CommandlineHotkey";
 import { InputField } from "../ui/form/InputField";
 import { SubmitButton } from "../ui/form/SubmitButton";
 
@@ -92,8 +93,7 @@ export function CustomTestDurationModal(): JSXElement {
           <br />
           You can start an infinite test by inputting 0. Then, to stop the test,
           use the Bail Out feature:
-          <br />(<kbd>esc</kbd> or <kbd>ctrl/cmd</kbd> + <kbd>shift</kbd> +{" "}
-          <kbd>p</kbd> &gt; Bail Out)
+          <br />(<CommandlineHotkey /> &gt; Bail Out)
         </div>
         <SubmitButton
           form={form}
diff --git a/frontend/src/ts/components/modals/CustomWordAmountModal.tsx b/frontend/src/ts/components/modals/CustomWordAmountModal.tsx
index 57e6ced0a9f2..4f863d0f7fb0 100644
--- a/frontend/src/ts/components/modals/CustomWordAmountModal.tsx
+++ b/frontend/src/ts/components/modals/CustomWordAmountModal.tsx
@@ -7,6 +7,7 @@ import { restartTestEvent } from "../../events/test";
 import { hideModalAndClearChain } from "../../states/modals";
 import { showNoticeNotification } from "../../states/notifications";
 import { AnimatedModal } from "../common/AnimatedModal";
+import { CommandlineHotkey } from "../hotkeys/CommandlineHotkey";
 import { InputField } from "../ui/form/InputField";
 import { SubmitButton } from "../ui/form/SubmitButton";
 
@@ -68,8 +69,7 @@ export function CustomWordAmountModal(): JSXElement {
         <div class="text-xs">
           You can start an infinite test by inputting 0. Then, to stop the test,
           use the Bail Out feature:
-          <br />(<kbd>esc</kbd> or <kbd>ctrl/cmd</kbd> + <kbd>shift</kbd> +{" "}
-          <kbd>p</kbd> &gt; Bail Out)
+          <br />(<CommandlineHotkey /> &gt; Bail Out)
         </div>
         <SubmitButton
           form={form}