guesstimate/client/src/components/estimation-range.tsx

import ProjectTimeUnit from "./project-time-unit";
import { getRoundUpEstimations } from "../models/params";
import { Project } from "../models/project";
import React, { Fragment,FunctionComponent } from "react";
import { Estimation } from "../hooks/use-project-estimations";

export interface EstimationRangeProps {
    project: Project,
    estimation: Estimation
}

export const EstimationRange: FunctionComponent<EstimationRangeProps> = ({ project, estimation }) => {
    const roundUp = getRoundUpEstimations(project);
    let e: number|string = estimation.e;
    let sd: number|string = estimation.sd;
    let max = e+sd;
    let min = Math.max(e-sd, 0);
    if (roundUp) {
      sd = Math.ceil(sd);
      e = Math.ceil(e);
      max = Math.ceil(max);
      min = Math.ceil(min);
    } else {
      sd = sd.toFixed(2);
      e = e.toFixed(2);
    }
    return (
        <Fragment>
            <abbr title={`max: ${max.toFixed(2)}, min: ${min.toFixed(2)}`}>{`${e} ± ${sd}`}</abbr>&nbsp;<ProjectTimeUnit project={project} />
        </Fragment>
        
    );
}

export default EstimationRange;