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

Use new Intensity interface

This commit is contained in:
Rene Saarsoo 2020-10-02 12:09:11 +03:00
parent 62681f470b
commit 0c065d664e
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/WorkoutPlot.tsx
View File

@ -1,6 +1,6 @@
import React from "react";
import styled from "styled-components";
import { Interval, Intensity, IntensityRange, FreeIntensity, Duration, totalDuration } from "make-workout";
import { Interval, Intensity, ConstantIntensity, Duration, totalDuration } from "make-workout";
type BarProps = {
width: string;
@ -19,7 +19,7 @@ const Bar = styled.div<BarProps>`
transition: width 0.1s, height 0.1s, background-color 0.1s;
`;
const zoneColor = (intensity: Intensity | IntensityRange | FreeIntensity): string => {
const zoneColor = (intensity: Intensity): string => {
if (intensity.value >= 1.18) {
return "#ff330c";
}
@ -55,8 +55,8 @@ const Plot = styled.div`
margin: 10px 0;
`;
const maximumIntensity = (intervals: Interval[]): Intensity =>
new Intensity(Math.max(...intervals.map(interval => Math.max(interval.intensity.start, interval.intensity.end))));
const maximumIntensity = (intervals: Interval[]): ConstantIntensity =>
new ConstantIntensity(Math.max(...intervals.map(interval => Math.max(interval.intensity.start, interval.intensity.end))));
export const WorkoutPlot: React.FC<{ intervals: Interval[] }> = ({ intervals }) => {
const workoutDuration = totalDuration(intervals);