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