diff --git a/client/components/ReductionMeter.tsx b/client/components/ReductionMeter.tsx index f5409b6f..2268b11d 100644 --- a/client/components/ReductionMeter.tsx +++ b/client/components/ReductionMeter.tsx @@ -55,25 +55,30 @@ export class ReductionMeter extends React.Component= window.mixerProtocol.meter.test) { val = window.mixerProtocol.meter.test } - return val + return this.totalHeight() * val } calcMiddle = () => { let val = this.props.reductionVal if (val < window.mixerProtocol.meter.test) { - val = window.mixerProtocol.meter.test + val = 0 } else if (val >= window.mixerProtocol.meter.zero) { - val = window.mixerProtocol.meter.zero + val = window.mixerProtocol.meter.zero - window.mixerProtocol.meter.test + } else { + val = this.props.reductionVal - window.mixerProtocol.meter.test } - return val+1 + return this.totalHeight() * val+1 } calcUpper = () => { let val = this.props.reductionVal if (val < window.mixerProtocol.meter.zero) { - val = window.mixerProtocol.meter.zero + val = 0 + } else { + val = this.props.reductionVal - window.mixerProtocol.meter.zero } - return val+1 + + return this.totalHeight() * val+1 } setRef = (element: HTMLCanvasElement) => { @@ -122,7 +127,7 @@ export class ReductionMeter extends React.Component