fix(pipelines): replace static image url with actual image link

redhat-developer · Feb 8, 2024 · 5339cd3 · 5339cd3
1 parent bdce6c3
commit 5339cd3
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 4 deletions.
diff --git a/.changeset/red-months-travel.md b/.changeset/red-months-travel.md
@@ -0,0 +1,5 @@
+---
+"@aonic-ui/pipelines": minor
+---
+
+replace static image repo string with actual image link
diff --git a/...pelines/src/components/Output/Tabs/AdvancedClusterSecurity/ImageCheck/ImageCheckTitle.tsx b/...pelines/src/components/Output/Tabs/AdvancedClusterSecurity/ImageCheck/ImageCheckTitle.tsx
@@ -1,14 +1,31 @@
-import { Text, TextContent, TextVariants } from '@patternfly/react-core';
+import { Text, TextContent, TextVariants, Button } from '@patternfly/react-core';
+import { useACSContext } from '../AdvancedClusterSecurityContext';
 
 const ImageCheckTitle = () => {
+  const { acsImageCheckResults } = useACSContext();
+
   return (
     <TextContent
       style={{
         marginBottom: 'var(--pf-v5-global--spacer--sm)',
       }}
     >
       <Text component={TextVariants.p}>
-        This task returns ACS vulnerability image check results for image: quay.io/repo
+        This task returns ACS vulnerability image check results for image:{' '}
+        <Button
+          variant="link"
+          isInline
+          component={(props) => (
+            <a
+              {...props}
+              href={`https://${acsImageCheckResults?.results?.[0]?.metadata?.additionalInfo?.name}`}
+              target="_blank"
+              rel="noreferrer"
+            />
+          )}
+        >
+          {acsImageCheckResults?.results?.[0]?.metadata?.additionalInfo?.name}
+        </Button>
       </Text>
     </TextContent>
   );

diff --git a/...pipelines/src/components/Output/Tabs/AdvancedClusterSecurity/ImageScan/ImageScanTitle.tsx b/...pipelines/src/components/Output/Tabs/AdvancedClusterSecurity/ImageScan/ImageScanTitle.tsx
@@ -1,14 +1,31 @@
-import { Text, TextContent, TextVariants } from '@patternfly/react-core';
+import { Button, Text, TextContent, TextVariants } from '@patternfly/react-core';
+import { useACSContext } from '../AdvancedClusterSecurityContext';
 
 const ImageScanTitle = () => {
+  const { acsImageCheckResults } = useACSContext();
+
   return (
     <TextContent
       style={{
         marginBottom: 'var(--pf-v5-global--spacer--sm)',
       }}
     >
       <Text component={TextVariants.p}>
-        This task returns ACS vulnerability scan results for image: quay.io/repo
+        This task returns ACS vulnerability scan results for image:{' '}
+        <Button
+          variant="link"
+          isInline
+          component={(props) => (
+            <a
+              {...props}
+              href={`https://${acsImageCheckResults?.results?.[0]?.metadata?.additionalInfo?.name}`}
+              target="_blank"
+              rel="noreferrer"
+            />
+          )}
+        >
+          {acsImageCheckResults?.results?.[0]?.metadata?.additionalInfo?.name}
+        </Button>
       </Text>
     </TextContent>
   );