fix: add link icon for stages with links

newrelic · Nov 12, 2024 · f178bea · f178bea
1 parent 31de21c
commit f178bea
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -75,6 +75,7 @@
     }
 
     &.link {
+      gap: 4px;
       cursor: pointer;
     }
   }