refactor: add floorTime param to formatDiffToTimecodeOverUnder, replace 4 call sites

Author: rjmunro

packages/webui/src/client/lib/Components/CounterComponents.tsx

@@ -9,7 +9,7 @@ export const OverUnderClockComponent = (props: OverUnderProps): JSX.Element => {
 	return (
 		<div className="counter-component__over-under">
 			<span className={props.value < 0 ? 'under' : 'over'}>
-				{RundownUtils.formatDiffToTimecode(props.value, true, false, true, true, true, undefined, true, true)}
+				{RundownUtils.formatDiffToTimecodeOverUnder(props.value, true)}
 			</span>
 		</div>
 	)
@@ -26,15 +26,15 @@ export const PlannedEndComponent = (props: OverUnderProps): JSX.Element => {
 export const TimeToPlannedEndComponent = (props: OverUnderProps): JSX.Element => {
 	return (
 		<span className="counter-component__time-to-planned-end">
-			{RundownUtils.formatDiffToTimecode(props.value, true, false, true, true, true, undefined, true, true)}
+			{RundownUtils.formatDiffToTimecodeOverUnder(props.value, true)}
 		</span>
 	)
 }
 
 export const TimeSincePlannedEndComponent = (props: OverUnderProps): JSX.Element => {
 	return (
 		<span className="counter-component__time-since-planned-end">
-			{RundownUtils.formatDiffToTimecode(props.value, true, false, true, true, true, undefined, true, true)}
+			{RundownUtils.formatDiffToTimecodeOverUnder(props.value, true)}
 		</span>
 	)
 }

packages/webui/src/client/lib/rundown.ts

@@ -289,9 +289,10 @@ export namespace RundownUtils {
 	/**
 	 * Format an over/under diff (ms) with "+" for positive, en-dash for negative, smart-floor rounding,
 	 * and smart-hours. Used for start-time diffs and over/under clocks.
+	 * Pass `floorTime: true` to use hard-floor rounding (display won't jump ahead of the actual value).
 	 */
-	export function formatDiffToTimecodeOverUnder(milliseconds: number): string {
-		return formatDiffToTimecode(milliseconds, true, false, true, true, true)
+	export function formatDiffToTimecodeOverUnder(milliseconds: number, floorTime?: boolean): string {
+		return formatDiffToTimecode(milliseconds, true, false, true, true, true, undefined, floorTime, floorTime)
 	}
 
 	export function isInsideViewport(

packages/webui/src/client/ui/RundownView/RundownTiming/PlaylistEndTiming.tsx

@@ -55,7 +55,7 @@ export function PlaylistEndTiming({
 						role="timer"
 					>
 						{!hideDiffLabel && <span className="timing-clock-label right">{t('Diff')}</span>}
-						{RundownUtils.formatDiffToTimecode(overUnderClock, true, false, true, true, true, undefined, true, true)}
+						{RundownUtils.formatDiffToTimecodeOverUnder(overUnderClock, true)}
 					</span>
 				) : null
 			) : null}