From 34cd013fd6d35e6e45bde65d6fe21622340b652f Mon Sep 17 00:00:00 2001
From: eug-vs <eugene@eug-vs.xyz>
Date: Wed, 4 May 2022 13:03:11 +0300
Subject: feat: use code tag in helper text

---
 src/components/Timer.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Timer.tsx b/src/components/Timer.tsx
index e90c3ce..c3bc555 100644
--- a/src/components/Timer.tsx
+++ b/src/components/Timer.tsx
@@ -9,8 +9,20 @@ enum Mode {
 };
 
 const helperText = {
-  [Mode.idle]: 'Hold SPACE to start countdown',
-  [Mode.countdown]: 'Release SPACE to begin',
+  [Mode.idle]: (
+    <>
+      <span>Hold </span>
+      <code>SPACE</code>
+      <span> to start countdown</span>
+    </>
+  ),
+  [Mode.countdown]: (
+    <>
+      <span>Release </span>
+      <code>SPACE</code>
+      <span> to begin</span>
+    </>
+  ),
   [Mode.running]: 'Go fast!',
   [Mode.over]: 'You are too late!',
 };
-- 
cgit v1.2.3