pali112
/
workout-editor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Calculate equivalent speed for getting the same XP

This commit is contained in:
Rene Saarsoo 2020-11-22 21:33:48 +02:00
parent db55c41780
commit 507bfea201
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/WorkoutStats.tsx
View File

@ -1,5 +1,5 @@
import React from "react"; import React from "react";
import { stats, Workout, Intensity } from "zwiftout"; import { stats, Workout, Intensity, Duration } from "zwiftout";
import { formatDuration } from "./formatDuration"; import { formatDuration } from "./formatDuration";
import styled from "styled-components"; import styled from "styled-components";
@ -56,6 +56,13 @@ const ZoneList = styled(List)`
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
`; `;
const xpEquivalent = (xp: number, totalDuration: Duration): string => {
const distanceInKm = Math.ceil(xp / 20);
const durationInHours = totalDuration.seconds / 60 / 60;
const speed = Math.round(distanceInKm / durationInHours);
return `equivalent to riding ${distanceInKm} km at ${speed} km/h`;
};
export const WorkoutStats: React.FC<{ workout: Workout }> = ({ workout }) => { export const WorkoutStats: React.FC<{ workout: Workout }> = ({ workout }) => {
const { totalDuration, averageIntensity, normalizedIntensity, tss, xp, zones } = stats(workout); const { totalDuration, averageIntensity, normalizedIntensity, tss, xp, zones } = stats(workout);
@ -79,7 +86,7 @@ export const WorkoutStats: React.FC<{ workout: Workout }> = ({ workout }) => {
</ZoneList> </ZoneList>
</ZonesSection> </ZonesSection>
<XpSection> <XpSection>
<StatsLine label="Zwift XP:" value={`${xp} (like riding ${Math.ceil(xp / 20)} km)`} /> <StatsLine label="Zwift XP:" value={`${xp} (${xpEquivalent(xp, totalDuration)})`} />;
</XpSection> </XpSection>
</Container> </Container>
); );