fix: distinguish the command hotkeys in wrangler dev (#753)

Closes #354
cloudflare · Apr 4, 2022 · cf432ac · cf432ac
1 parent b933641
commit cf432ac
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/.changeset/swift-mice-attend.md b/.changeset/swift-mice-attend.md
@@ -0,0 +1,7 @@
+---
+"wrangler": patch
+---
+
+fix: distinguish the command hotkeys in wrangler dev
+
+Closes #354
diff --git a/packages/wrangler/src/dev/dev.tsx b/packages/wrangler/src/dev/dev.tsx
@@ -136,11 +136,16 @@ function InteractiveDevSession(props: InteractiveDevSessionProps) {
     <>
       <DevSession {...props} local={toggles.local} />
       <Box borderStyle="round" paddingLeft={1} paddingRight={1}>
-        <Text>
-          {`B to open a browser, D to open Devtools, L to ${
-            toggles.local ? "turn off" : "turn on"
-          } local mode, C to clear console, X to exit`}
-        </Text>
+        <Text bold={true}>[b]</Text>
+        <Text> open a browser, </Text>
+        <Text bold={true}>[d]</Text>
+        <Text> open Devtools, </Text>
+        <Text bold={true}>[l]</Text>
+        <Text> {toggles.local ? "turn off" : "turn on"} local mode, </Text>
+        <Text bold={true}>[c]</Text>
+        <Text> clear console, </Text>
+        <Text bold={true}>[x]</Text>
+        <Text> to exit</Text>
       </Box>
     </>
   );