wip: update label reference in AdjustLabelFit

Author: olzzon

packages/webui/src/client/ui/ClockView/DirectorScreen.tsx

@@ -348,9 +348,6 @@ function DirectorScreenRender({
 	useSetDocumentClass('dark', 'xdark')
 
 	if (playlist && playlistId && segments) {
-		const currentPartOrSegmentCountdown =
-			timingDurations.remainingBudgetOnCurrentSegment ?? timingDurations.remainingTimeOnCurrentPart ?? 0
-
 		const expectedStart = PlaylistTiming.getExpectedStart(playlist.timing) || 0
 		const expectedEnd = PlaylistTiming.getExpectedEnd(playlist.timing)
 		const expectedDuration = PlaylistTiming.getExpectedDuration(playlist.timing) || 0

packages/webui/src/client/ui/util/AdjustLabelFit.tsx

@@ -231,7 +231,6 @@ export const AdjustLabelFit: React.FC<AdjustLabelFitProps> = ({
 		// Check if label has changed
 		if (prevLabelRef.current !== label) {
 			prevLabelRef.current = label
-			resetLabelStyles()
 			adjustTextToFit()
 		}
 	}, [label])
@@ -247,14 +246,12 @@ export const AdjustLabelFit: React.FC<AdjustLabelFitProps> = ({
 		const handleResize = () => {
 			cancelAnimationFrame(resizeTimer)
 			resizeTimer = requestAnimationFrame(() => {
-				resetLabelStyles()
 				adjustTextToFit()
 			})
 		}
 
 		// Properties change
 		const handlePropsChange = () => {
-			resetLabelStyles()
 			adjustTextToFit()
 		}
 
@@ -271,7 +268,7 @@ export const AdjustLabelFit: React.FC<AdjustLabelFitProps> = ({
 			cancelAnimationFrame(adjustmentTimer)
 			if (resizeTimer) cancelAnimationFrame(resizeTimer)
 		}
-	}, [width, fontFamily, fontSize, minFontWidth, maxFontWidth, minLetterSpacing])
+	}, [label, width, fontFamily, fontSize, minFontWidth, maxFontWidth, minLetterSpacing])
 
 	return (
 		<div ref={containerRef} className={`adjust-label-fit ${className}`} style={finalContainerStyle}>