fix(Consumption): Adding node name to props to account for change (#4286

)

adding node name to delete node modal props to account for change

libs/designer-ui/src/lib/modals/DeleteNodeModal.tsx

@@ -1,11 +1,12 @@
 import { Modal } from '@fluentui/react';
 import { Button, Spinner } from '@fluentui/react-components';
 import type { WorkflowNodeType } from '@microsoft/logic-apps-shared';
-import { idDisplayCase, WORKFLOW_NODE_TYPES } from '@microsoft/logic-apps-shared';
+import { WORKFLOW_NODE_TYPES } from '@microsoft/logic-apps-shared';
 import { useIntl } from 'react-intl';
 
 export interface DeleteNodeModalProps {
   nodeId: string;
+  nodeName: string;
   nodeType?: WorkflowNodeType;
   isOpen: boolean;
   isLoading?: boolean;
@@ -14,12 +15,10 @@ export interface DeleteNodeModalProps {
 }
 
 export const DeleteNodeModal = (props: DeleteNodeModalProps) => {
-  const { nodeId, nodeType, isOpen, onDismiss, onConfirm } = props;
+  const { nodeId, nodeName, nodeType, isOpen, onDismiss, onConfirm } = props;
 
   const intl = useIntl();
 
-  const nodeName = idDisplayCase(nodeId);
-
   const operationNodeTitle = intl.formatMessage({
     defaultMessage: 'Delete Workflow Action',
     description: 'Title for operation node',

libs/designer/src/lib/ui/common/DeleteModal/DeleteModal.tsx

@@ -1,5 +1,5 @@
 import type { AppDispatch } from '../../../core';
-import { useSelectedNodeId, useNodeMetadata } from '../../../core';
+import { useSelectedNodeId, useNodeMetadata, useNodeDisplayName } from '../../../core';
 import { deleteOperation, deleteGraphNode } from '../../../core/actions/bjsworkflow/delete';
 import { useShowDeleteModal } from '../../../core/state/designerView/designerViewSelectors';
 import { setShowDeleteModal } from '../../../core/state/designerView/designerViewSlice';
@@ -14,6 +14,7 @@ const DeleteModal = () => {
   const dispatch = useDispatch<AppDispatch>();
 
   const nodeId = removeIdTag(useSelectedNodeId()) ?? '';
+  const nodeName = useNodeDisplayName(nodeId);
   const nodeData = useWorkflowNode(nodeId);
   const metadata = useNodeMetadata(nodeId);
   const graphId = useMemo(() => metadata?.graphId ?? '', [metadata]);
@@ -55,7 +56,14 @@ const DeleteModal = () => {
   }, [nodeData, dispatch, nodeId, isTrigger, graphId, onDismiss]);
 
   return (
-    <DeleteNodeModal nodeId={nodeId} nodeType={nodeData?.type} isOpen={showDeleteModal} onDismiss={onDismiss} onConfirm={handleDelete} />
+    <DeleteNodeModal
+      nodeId={nodeId}
+      nodeName={nodeName}
+      nodeType={nodeData?.type}
+      isOpen={showDeleteModal}
+      onDismiss={onDismiss}
+      onConfirm={handleDelete}
+    />
   );
 };