Merge pull request Sofie-Automation#1630 from bbc/feat/SOFIE-285

fix: enable piece actions in context menu

Author: anteeek

packages/webui/src/client/styles/contextMenu.scss

@@ -51,6 +51,7 @@ nav.react-contextmenu {
 		flex-direction: row;
 		align-items: center;
 
+		&:hover:not(.react-contextmenu-item--disabled),
 		&.react-contextmenu-item--selected:not(.react-contextmenu-item--disabled) {
 			background: #313334;
 			color: #ffffff;

packages/webui/src/client/ui/SegmentTimeline/SegmentContextMenu.tsx

@@ -15,6 +15,7 @@ import { PartUi, SegmentUi } from './SegmentTimelineContainer.js'
 import { SegmentId } from '@sofie-automation/corelib/dist/dataModel/Ids'
 import { SegmentOrphanedReason } from '@sofie-automation/corelib/dist/dataModel/Segment'
 import { UserEditOperationMenuItems } from '../UserEditOperations/RenderUserEditOperations.js'
+import { CoreUserEditingDefinition } from '@sofie-automation/corelib/dist/dataModel/UserEditingDefinitions'
 import * as RundownResolver from '../../lib/RundownResolver.js'
 import { SelectedElement } from '../RundownView/SelectedElementsContext.js'
 import { PieceExtended } from '../../lib/RundownResolver.js'
@@ -199,6 +200,22 @@ export const SegmentContextMenu = withTranslation()(
 									isFormEditable={isPartEditAble}
 								/>
 
+								{piece && piece.instance.piece.userEditOperations && (
+									<UserEditOperationMenuItems
+										rundownId={part.instance.rundownId}
+										targetName={piece.instance.piece.name}
+										operationTarget={{
+											segmentExternalId: segment?.externalId,
+											partExternalId: part.instance.part.externalId,
+											pieceExternalId: piece.instance.piece.externalId,
+										}}
+										userEditOperations={
+											piece.instance.piece.userEditOperations as CoreUserEditingDefinition[] | undefined
+										}
+										isFormEditable={isPartEditAble}
+									/>
+								)}
+
 								{this.props.enableUserEdits && (
 									<>
 										<hr />