From 387ba0d21bfeb782fbe409e782e840e03b18c2e1 Mon Sep 17 00:00:00 2001
From: Dipanshu Gupta <dipgupta@redhat.com>
Date: Tue, 8 Oct 2024 22:14:33 +0530
Subject: [PATCH] Add explanation and copy action for the Pod name in the
 Pipeline run graph execution node drawer

---
 .../PipelineRunDrawerRightContent.tsx         | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/PipelineRunDrawerRightContent.tsx b/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/PipelineRunDrawerRightContent.tsx
index 87fb500b60..f556b78bb2 100644
--- a/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/PipelineRunDrawerRightContent.tsx
+++ b/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/PipelineRunDrawerRightContent.tsx
@@ -5,13 +5,17 @@ import {
   DrawerHead,
   DrawerPanelBody,
   DrawerPanelContent,
-  Text,
+  Flex,
+  Popover,
   Title,
 } from '@patternfly/react-core';
+import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
 import PipelineRunDrawerRightTabs from '~/concepts/pipelines/content/pipelinesDetails/pipelineRun/PipelineRunDrawerRightTabs';
 import './PipelineRunDrawer.scss';
 import { PipelineTask } from '~/concepts/pipelines/topology';
 import { Execution } from '~/third_party/mlmd';
+import DashboardPopupIconButton from '~/concepts/dashboard/DashboardPopupIconButton';
+import InlineTruncatedClipboardCopy from '~/components/InlineTruncatedClipboardCopy';
 import { ArtifactNodeDrawerContent } from './artifacts';
 
 type PipelineRunDrawerRightContentProps = {
@@ -48,7 +52,24 @@ const PipelineRunDrawerRightContent: React.FC<PipelineRunDrawerRightContentProps
             <Title headingLevel="h2" size="xl">
               {task.name}
             </Title>
-            {task.status?.podName && <Text component="small">{task.status.podName}</Text>}
+            {task.status?.podName && (
+              <Flex
+                display={{ default: 'inlineFlex' }}
+                spaceItems={{ default: 'spaceItemsXs' }}
+                flexWrap={{ default: 'nowrap' }}
+              >
+                <InlineTruncatedClipboardCopy
+                  testId="podname-copy"
+                  textToCopy={task.status.podName}
+                />
+                <Popover bodyContent="This is the pod name of the run execution in OpenShift">
+                  <DashboardPopupIconButton
+                    icon={<OutlinedQuestionCircleIcon />}
+                    aria-label="More info"
+                  />
+                </Popover>
+              </Flex>
+            )}
             <DrawerActions>
               <DrawerCloseButton onClick={onClose} />
             </DrawerActions>