diff --git a/apps/client/src/features/rundown/rundown-event/RundownEvent.tsx b/apps/client/src/features/rundown/rundown-event/RundownEvent.tsx index 0d62f34e8..2c0428e92 100644 --- a/apps/client/src/features/rundown/rundown-event/RundownEvent.tsx +++ b/apps/client/src/features/rundown/rundown-event/RundownEvent.tsx @@ -118,6 +118,15 @@ export default function RundownEvent({ const handleRef = useRef(null); + const [enableMatchDuration, groupTargetDurationDescription] = (() => { + if (!parentGroup || parentGroup.targetDuration === null || parentGroup.duration === parentGroup.targetDuration) + return [false, '']; + const { targetDuration, duration } = parentGroup; + return targetDuration > duration + ? [true, 'Increase event duration to fit the group target'] + : [true, 'Decrease event duration to fit the group target']; + })(); + const [onContextMenu] = useContextMenu(() => selectedEvents.size > 1 ? [ @@ -179,16 +188,13 @@ export default function RundownEvent({ { type: 'item', label: 'Match Group Target Duration', - description: 'Change event duration to fill the group target', + description: groupTargetDurationDescription, icon: TbClockPin, onClick: () => { if (!parent) return; matchGroupDuration(eventId); }, - disabled: - !parentGroup || - parentGroup.targetDuration === null || - parentGroup.duration === parentGroup.targetDuration, + disabled: !enableMatchDuration, }, { type: 'divider' }, {