You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
import React from 'react'; import {diffString} from "../helpers/diff";
import "./Milestones.css"; import {colorByDiff} from "../helpers/color";
export const Milestones = ({milestones}) => ( <table className="Milestone"> <tbody> {milestones.map(milestone => <Milestone key={milestone.minutes} {...milestone} />)} </tbody> </table> );
const Milestone = ({minutes, calories, diff, prevDiff}) => ( <tr style={{color: colorByDiff(diff, prevDiff)}}> <td className="Milestone-minutes"> {minutes}</td> <td className="Milestone-calories"> {calories}</td> <td className="Milestone-diff"> {minutes % 5 === 0 ? diffString(diff) : ""}</td> </tr> );
|