diff options
| author | eug-vs <eugene@eug-vs.xyz> | 2022-05-04 13:03:11 +0300 |
|---|---|---|
| committer | eug-vs <eugene@eug-vs.xyz> | 2022-05-04 13:03:11 +0300 |
| commit | 34cd013fd6d35e6e45bde65d6fe21622340b652f (patch) | |
| tree | 9e6ec9a899acecd8dca05233a8ad94229183e0bc /src/components | |
| parent | 997999bf618ea4c4fc8c4f6a27534afa97f3731a (diff) | |
| download | chrono-cube-ui-34cd013fd6d35e6e45bde65d6fe21622340b652f.tar.gz | |
feat: use code tag in helper text
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Timer.tsx | 16 |
1 files changed, 14 insertions, 2 deletions
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!', }; |