[RHOAIENG-8502]: Change pipeline URI truncate to middle instead of end

jenny-s51 · Jul 1, 2024 · 2c3b7ec · 2c3b7ec
1 parent f4c50b1
commit 2c3b7ec
Showing 1 changed file with 5 additions and 8 deletions.
diff --git a/frontend/src/concepts/pipelines/content/artifacts/ArtifactUriLink.tsx b/frontend/src/concepts/pipelines/content/artifacts/ArtifactUriLink.tsx
@@ -78,18 +78,15 @@ export const ArtifactUriLink: React.FC<ArtifactUriLinkProps> = ({ uri, type }) =
         <Button
           variant="link"
           isInline
+          icon={<ExternalLinkAltIcon />}
+          iconPosition="end"
+          // TODO: remove this style override after upgrading to PFv6
+          style={{ display: 'inline-flex' }}
           onClick={() => {
             window.open(url);
           }}
         >
-          <Split>
-            <SplitItem>
-              <Truncate content={uri} position="middle" trailingNumChars={40} />
-            </SplitItem>
-            <SplitItem>
-              <ExternalLinkAltIcon />
-            </SplitItem>
-          </Split>
+          <Truncate content={uri} position="middle" trailingNumChars={30} />
         </Button>
       </FlexItem>
     </Flex>