From f178bea951d93b2a6516cd0090ed07cf5778bfbe Mon Sep 17 00:00:00 2001
From: Amit Yathirajadasan <ayathirajadasan@newrelic.com>
Date: Mon, 11 Nov 2024 16:10:20 -0800
Subject: [PATCH] fix: add link icon for stages with links

---
 src/components/stage/header.js   | 7 ++++---
 src/components/stage/styles.scss | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/stage/header.js b/src/components/stage/header.js
index 480da8a..f531d80 100644
--- a/src/components/stage/header.js
+++ b/src/components/stage/header.js
@@ -4,9 +4,7 @@ import PropTypes from 'prop-types';
 import { HeadingText, Icon, Popover, PopoverTrigger, PopoverBody } from 'nr1';
 import { EditInPlace } from '@newrelic/nr-labs-components';
 
-import IconsLib from '../icons-lib';
-import DeleteConfirmModal from '../delete-confirm-modal';
-import StageSettingsModal from '../stage-settings-modal';
+import { IconsLib, DeleteConfirmModal, StageSettingsModal } from '../';
 import { MODES, STATUSES, UI_CONTENT } from '../../constants';
 import { stageHeaderShapeClassName } from '../../utils';
 
@@ -111,6 +109,9 @@ const StageHeader = ({
       className={`stage-header ${status} ${shape} ${linkClass}`}
     >
       <HeadingText className="name">{name}</HeadingText>
+      {link ? (
+        <Icon type={Icon.TYPE.INTERFACE__OPERATIONS__EXTERNAL_LINK} />
+      ) : null}
     </div>
   );
 };
diff --git a/src/components/stage/styles.scss b/src/components/stage/styles.scss
index 46e342b..fcac9fe 100644
--- a/src/components/stage/styles.scss
+++ b/src/components/stage/styles.scss
@@ -75,6 +75,7 @@
     }
 
     &.link {
+      gap: 4px;
       cursor: pointer;
     }
   }