wip: link up

Author: Julusian

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

@@ -8,6 +8,13 @@ export interface PartInstanceLike {
 	invalidReason?: PartInvalidReason
 }
 
+export interface PartInvalidReasonExt extends PartInvalidReason {
+	/**
+	 * If this invalid reason came from the instance (playout) rather than the part (ingest)
+	 */
+	isInstanceInvalid: boolean
+}
+
 /**
  * Get the effective invalidReason for a PartInstance.
  *
@@ -21,16 +28,22 @@ export interface PartInstanceLike {
  * @param partInstance The PartInstance object
  * @returns The effective invalidReason to display, or undefined if none
  */
-export function getEffectiveInvalidReason(partInstance: PartInstanceLike): PartInvalidReason | undefined {
+export function getEffectiveInvalidReason(partInstance: PartInstanceLike): PartInvalidReasonExt | undefined {
 	// Planned invalidReason (from Part/ingest) takes precedence
 	// It shouldn't be possible to create a real PartInstance of an invalid Part
 	if (partInstance.part.invalidReason) {
-		return partInstance.part.invalidReason
+		return {
+			...partInstance.part.invalidReason,
+			isInstanceInvalid: false,
+		}
 	}
 
 	// Runtime invalidReason (from PartInstance/playout)
 	if (partInstance.invalidReason) {
-		return partInstance.invalidReason
+		return {
+			...partInstance.invalidReason,
+			isInstanceInvalid: true,
+		}
 	}
 
 	return undefined

packages/webui/src/client/ui/SegmentStoryboard/StoryboardPart.tsx

@@ -180,7 +180,14 @@ export function StoryboardPart({
 				</>
 			)}
 			{isInvalid ? (
-				<InvalidPartCover className="segment-storyboard__part__invalid-cover" invalidReason={effectiveInvalidReason} />
+				<InvalidPartCover
+					className={
+						effectiveInvalidReason?.isInstanceInvalid
+							? 'segment-storyboard__part__invalid-part-instance-cover'
+							: 'segment-storyboard__part__invalid-cover'
+					}
+					invalidReason={effectiveInvalidReason}
+				/>
 			) : null}
 			{isFloated ? <div className="segment-storyboard__part__floated-cover"></div> : null}
 			<div className="segment-storyboard__part__title">{part.instance.part.title}</div>

packages/webui/src/client/ui/SegmentTimeline/Parts/SegmentTimelinePart.tsx

@@ -745,7 +745,11 @@ export class SegmentTimelinePartClass extends React.Component<Translated<WithTim
 					{this.renderTimelineOutputGroups(this.props.part)}
 					{isInvalid ? (
 						<InvalidPartCover
-							className="segment-timeline__part__invalid-cover"
+							className={
+								effectiveInvalidReason?.isInstanceInvalid
+									? 'segment-timeline__part__invalid-part-instance-cover'
+									: 'segment-timeline__part__invalid-cover'
+							}
 							invalidReason={effectiveInvalidReason}
 						/>
 					) : null}