feat: modification on chart registry && git provider icon method

src/Common/CIPipeline.Types.ts

@@ -27,6 +27,7 @@ export interface MaterialType {
     gitProviderId: number
     regex?: string
     isRegex: boolean
+    url: string
 }
 
 export interface Githost {

src/Shared/Components/CICDHistory/Artifacts.tsx

@@ -18,7 +18,6 @@ import { useParams } from 'react-router-dom'
 
 import { ReactComponent as Down } from '@Icons/ic-arrow-forward.svg'
 import { ReactComponent as OpenInNew } from '@Icons/ic-arrow-out.svg'
-import docker from '@Icons/ic-docker.svg'
 import { ReactComponent as Download } from '@Icons/ic-download.svg'
 import folder from '@Icons/ic-folder.svg'
 import { ReactComponent as ICHelpOutline } from '@Icons/ic-help.svg'
@@ -30,6 +29,7 @@ import { useDownload } from '@Shared/Hooks'
 import { ClipboardButton, extractImage, GenericEmptyState, ImageTagsContainer, useGetUserRoles } from '../../../Common'
 import { EMPTY_STATE_STATUS } from '../../constants'
 import { DocLink } from '../DocLink'
+import { RegistryIcon } from '../RegistryIcon'
 import { TargetPlatformBadgeList } from '../TargetPlatforms'
 import { TERMINAL_STATUS_MAP } from './constants'
 import { ArtifactType, CIListItemType } from './types'
@@ -62,6 +62,7 @@ export const CIListItem = ({
     renderCIListHeader,
     targetPlatforms,
     isDeploymentWithoutApproval,
+    artifact,
 }: CIListItemType) => {
     const showCIListHeader =
         !!renderCIListHeader &&
@@ -99,7 +100,11 @@ export const CIListItem = ({
             >
                 <div className="flex left dc__gap-12">
                     <div className="bcn-1 flex br-4 icon-dim-40">
-                        <img src={type === 'report' ? folder : docker} className="icon-dim-20" alt="type" />
+                        {type === 'report' ? (
+                            <img src={folder} className="icon-dim-20" alt="type" />
+                        ) : (
+                            <RegistryIcon registryUrl={artifact} />
+                        )}
                     </div>
                     {children}
                 </div>
@@ -228,6 +233,7 @@ const Artifacts = ({
                         isSuperAdmin={isSuperAdmin}
                         renderCIListHeader={renderCIListHeader}
                         targetPlatforms={targetPlatforms}
+                        artifact={artifact}
                     >
                         <div className="flex column left hover-trigger">
                             <div className="cn-9 fs-14 flex left" data-testid="artifact-text-visibility">

src/Shared/Components/CICDHistory/History.components.tsx

@@ -204,6 +204,7 @@ export const GitChanges = ({
                         renderCIListHeader={renderCIListHeader}
                         targetPlatforms={targetPlatforms}
                         isDeploymentWithoutApproval={isDeploymentWithoutApproval}
+                        artifact={artifact}
                     >
                         <div className="flex column left hover-trigger">
                             <div className="cn-9 fs-14 flex left">

src/Shared/Components/CICDHistory/types.tsx

@@ -435,6 +435,7 @@ export type CIListItemType = Pick<History, 'promotionApprovalMetadata' | 'isDepl
               tagsEditable: boolean
               hideImageTaggingHardDelete: boolean
               isSuperAdmin: boolean
+              artifact: string
           }
         | {
               type: 'report'
@@ -448,6 +449,7 @@ export type CIListItemType = Pick<History, 'promotionApprovalMetadata' | 'isDepl
               tagsEditable?: never
               hideImageTaggingHardDelete?: never
               isSuperAdmin?: never
+              artifact?: never
           }
     )
 

src/Shared/Components/RegistryIcon/RegistryIcon.tsx

@@ -34,6 +34,45 @@ const registryIconMap: Record<RegistryType, IconName> = {
     [RegistryType.OTHER]: 'ic-container-registry',
 }
 
-export const RegistryIcon = ({ registryType, size = 20 }: RegistryIconProps) => (
-    <Icon name={registryIconMap[registryType] || 'ic-container-registry'} size={size} color={null} />
+const getRegistryUrlIconName = (registryUrl: string): IconName => {
+    if (registryUrl.includes(RegistryType.ECR)) {
+        return registryIconMap[RegistryType.ECR]
+    }
+    if (registryUrl.includes(RegistryType.GCR)) {
+        return registryIconMap[RegistryType.GCR]
+    }
+    if (registryUrl.includes(RegistryType.DOCKER_HUB) || registryUrl.includes(RegistryType.DOCKER)) {
+        return registryIconMap[RegistryType.DOCKER_HUB]
+    }
+    if (registryUrl.includes(RegistryType.QUAY)) {
+        return registryIconMap[RegistryType.QUAY]
+    }
+    if (registryUrl.includes(RegistryType.GITLAB)) {
+        return registryIconMap[RegistryType.GITLAB]
+    }
+    if (registryUrl.includes(RegistryType.GITHUB)) {
+        return registryIconMap[RegistryType.GITHUB]
+    }
+    if (registryUrl.includes(RegistryType.BITBUCKET)) {
+        return registryIconMap[RegistryType.BITBUCKET]
+    }
+    if (registryUrl.includes(RegistryType.ACR)) {
+        return registryIconMap[RegistryType.ACR]
+    }
+    if (registryUrl.includes(RegistryType.ARTIFACT_REGISTRY)) {
+        return registryIconMap[RegistryType.ARTIFACT_REGISTRY]
+    }
+
+    if (registryUrl.includes(RegistryType.QUAY)) {
+        return registryIconMap[RegistryType.QUAY]
+    }
+    return 'ic-container-registry'
+}
+
+export const RegistryIcon = ({ registryType, size = 20, registryUrl }: RegistryIconProps) => (
+    <Icon
+        name={registryType ? registryIconMap[registryType] : getRegistryUrlIconName(registryUrl)}
+        size={size}
+        color={null}
+    />
 )

src/Shared/Components/RegistryIcon/types.ts

@@ -19,10 +19,14 @@ import { RegistryType } from '@Shared/types'
 import { IconsProps } from '../Icon'
 
 export interface RegistryIconProps {
-    registryType: RegistryType
+    registryType?: RegistryType
     /**
      * The size of the icon in pixels.
      * @default 20
      */
     size?: IconsProps['size']
+    /**
+     * The registry URL to determine the icon.
+     */
+    registryUrl?: string
 }