From 397faf7f949a0ce9e02e2136f6885e80f5576d6b Mon Sep 17 00:00:00 2001
From: Jenny <32821331+jenny-s51@users.noreply.github.com>
Date: Fri, 28 Jun 2024 15:01:03 -0400
Subject: [PATCH] [RHOAIENG-8502]: Change pipeline URI truncate to middle
 instead of end

remove unused imports
---
 .../content/artifacts/ArtifactUriLink.tsx     | 24 +++++--------------
 1 file changed, 6 insertions(+), 18 deletions(-)

diff --git a/frontend/src/concepts/pipelines/content/artifacts/ArtifactUriLink.tsx b/frontend/src/concepts/pipelines/content/artifacts/ArtifactUriLink.tsx
index 894e2d599f..769f2d5abb 100644
--- a/frontend/src/concepts/pipelines/content/artifacts/ArtifactUriLink.tsx
+++ b/frontend/src/concepts/pipelines/content/artifacts/ArtifactUriLink.tsx
@@ -1,14 +1,5 @@
 import React from 'react';
-import {
-  Button,
-  Flex,
-  FlexItem,
-  Icon,
-  Popover,
-  Split,
-  SplitItem,
-  Truncate,
-} from '@patternfly/react-core';
+import { Button, Flex, FlexItem, Icon, Popover, Truncate } from '@patternfly/react-core';
 import { ExclamationTriangleIcon, ExternalLinkAltIcon } from '@patternfly/react-icons';
 import { usePipelinesAPI } from '~/concepts/pipelines/context';
 import { useIsAreaAvailable, SupportedArea } from '~/concepts/areas';
@@ -78,18 +69,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} />
-            </SplitItem>
-            <SplitItem>
-              <ExternalLinkAltIcon />
-            </SplitItem>
-          </Split>
+          <Truncate content={uri} position="middle" trailingNumChars={30} />
         </Button>
       </FlexItem>
     </Flex>