|
@ -19,6 +19,7 @@ import {ControlsBoi} from "./runtime/ControlsBoi"; |
|
|
import MessageBoi from "./runtime/MessageBoi"; |
|
|
import MessageBoi from "./runtime/MessageBoi"; |
|
|
import ProgramBoi from "./runtime/ProgramBoi"; |
|
|
import ProgramBoi from "./runtime/ProgramBoi"; |
|
|
import MilestoneBoi from "./runtime/MilestoneBoi"; |
|
|
import MilestoneBoi from "./runtime/MilestoneBoi"; |
|
|
|
|
|
import {useKpm} from "../hooks/kpm"; |
|
|
|
|
|
|
|
|
function PlayPage(): JSX.Element { |
|
|
function PlayPage(): JSX.Element { |
|
|
const {active, ready, ended, workout, reset, resume} = useContext(RuntimeContext); |
|
|
const {active, ready, ended, workout, reset, resume} = useContext(RuntimeContext); |
|
@ -176,6 +177,7 @@ function CreatePlayPage(): JSX.Element { |
|
|
function RunPlayPage(): JSX.Element { |
|
|
function RunPlayPage(): JSX.Element { |
|
|
const {workout} = useContext(RuntimeContext); |
|
|
const {workout} = useContext(RuntimeContext); |
|
|
const lastState = useLastState(); |
|
|
const lastState = useLastState(); |
|
|
|
|
|
const kpm = useKpm(); |
|
|
|
|
|
|
|
|
if (!workout || workout.status === WorkoutStatus.Created) { |
|
|
if (!workout || workout.status === WorkoutStatus.Created) { |
|
|
return <LoadingPage minimal/>; |
|
|
return <LoadingPage minimal/>; |
|
@ -193,6 +195,7 @@ function RunPlayPage(): JSX.Element { |
|
|
<FluffyValue raw={lastState} valueKey="distance"/> |
|
|
<FluffyValue raw={lastState} valueKey="distance"/> |
|
|
<FluffyValue raw={lastState} valueKey="level"/> |
|
|
<FluffyValue raw={lastState} valueKey="level"/> |
|
|
<FluffyValue raw={lastState} valueKey="rpmSpeed"/> |
|
|
<FluffyValue raw={lastState} valueKey="rpmSpeed"/> |
|
|
|
|
|
{kpm > 0 && <FluffyValue raw={kpm} valueKey="kpm"/>} |
|
|
<FluffyValue raw={lastState} valueKey="pulse"/> |
|
|
<FluffyValue raw={lastState} valueKey="pulse"/> |
|
|
</Boi> |
|
|
</Boi> |
|
|
)} |
|
|
)} |
|
|