Pipeline system.ClassificationMetrics artifacts provide a uri but hav…

…e no source in storage
opendatahub-io · Jun 21, 2024 · 97d5e3c · 97d5e3c
1 parent a8d2118
commit 97d5e3c
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 6 deletions.
diff --git a/frontend/src/concepts/pipelines/content/artifacts/ArtifactUriLink.tsx b/frontend/src/concepts/pipelines/content/artifacts/ArtifactUriLink.tsx
@@ -14,16 +14,19 @@ import { usePipelinesAPI } from '~/concepts/pipelines/context';
 import { useIsAreaAvailable, SupportedArea } from '~/concepts/areas';
 import { MAX_STORAGE_OBJECT_SIZE, fetchStorageObjectSize } from '~/services/storageService';
 import { bytesAsRoundedGiB } from '~/utilities/number';
+import { ArtifactType } from '~/concepts/pipelines/kfTypes';
 import { extractS3UriComponents, getArtifactUrlFromUri } from './utils';
 
 interface ArtifactUriLinkProps {
   uri: string;
+  type: string;
 }
 
-export const ArtifactUriLink: React.FC<ArtifactUriLinkProps> = ({ uri }) => {
+export const ArtifactUriLink: React.FC<ArtifactUriLinkProps> = ({ uri, type }) => {
   const { namespace } = usePipelinesAPI();
   const isS3EndpointAvailable = useIsAreaAvailable(SupportedArea.S3_ENDPOINT).status;
   const [size, setSize] = React.useState<number | null>(null);
+  const isClassificationMetrics = type === ArtifactType.CLASSIFICATION_METRICS;
 
   const url = React.useMemo(() => {
     if (!uri || !isS3EndpointAvailable) {
@@ -41,7 +44,7 @@ export const ArtifactUriLink: React.FC<ArtifactUriLinkProps> = ({ uri }) => {
     return getArtifactUrlFromUri(uri, namespace);
   }, [isS3EndpointAvailable, namespace, uri]);
 
-  if (!url) {
+  if (!url || isClassificationMetrics) {
     return uri;
   }
 

diff --git a/...concepts/pipelines/content/pipelinesDetails/pipelineRun/artifacts/ArtifactNodeDetails.tsx b/...concepts/pipelines/content/pipelinesDetails/pipelineRun/artifacts/ArtifactNodeDetails.tsx
@@ -88,7 +88,7 @@ export const ArtifactNodeDetails: React.FC<ArtifactNodeDetailsProps> = ({
             <DescriptionListGroup>
               <DescriptionListTerm>{artifactName}</DescriptionListTerm>
               <DescriptionListDescription>
-                <ArtifactUriLink uri={artifact.getUri()} />
+                <ArtifactUriLink uri={artifact.getUri()} type={artifact.getType()} />
               </DescriptionListDescription>
             </DescriptionListGroup>
           </DescriptionList>

diff --git a/...nd/src/concepts/pipelines/content/pipelinesDetails/taskDetails/TaskDetailsInputOutput.tsx b/...nd/src/concepts/pipelines/content/pipelinesDetails/taskDetails/TaskDetailsInputOutput.tsx
@@ -27,7 +27,7 @@ const TaskDetailsInputOutput: React.FC<TaskDetailsInputOutputProps> = ({
       if (artifact) {
         return {
           label: artifactInputOutput.label,
-          value: <ArtifactUriLink uri={artifact.getUri()} />,
+          value: <ArtifactUriLink uri={artifact.getUri()} type={artifact.getType()} />,
         };
       }
 

diff --git a/.../pages/pipelines/global/experiments/artifacts/ArtifactDetails/ArtifactOverviewDetails.tsx b/.../pages/pipelines/global/experiments/artifacts/ArtifactDetails/ArtifactOverviewDetails.tsx
@@ -34,7 +34,7 @@ export const ArtifactOverviewDetails: React.FC<ArtifactOverviewDetailsProps> = (
               <>
                 <DescriptionListTerm>URI</DescriptionListTerm>
                 <DescriptionListDescription>
-                  <ArtifactUriLink uri={artifact.uri} />
+                  <ArtifactUriLink uri={artifact.uri} type={artifact.type} />
                 </DescriptionListDescription>
               </>
             )}

diff --git a/frontend/src/pages/pipelines/global/experiments/artifacts/ArtifactsTable.tsx b/frontend/src/pages/pipelines/global/experiments/artifacts/ArtifactsTable.tsx
@@ -151,7 +151,7 @@ export const ArtifactsTable: React.FC<ArtifactsTableProps> = ({
         <Td>{artifact.id}</Td>
         <Td>{artifact.type}</Td>
         <Td>
-          <ArtifactUriLink uri={artifact.uri} />
+          <ArtifactUriLink uri={artifact.uri} type={artifact.type} />
         </Td>
         <Td>
           <PipelinesTableRowTime date={new Date(artifact.createTimeSinceEpoch)} />