fix(IDP-management): fix status color (#978)

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 ## Unreleased
 
+### Bugfixes
+
+- **IDP management**
+  - Fixed statusTag color in status coloumn [#978](https://github.com/eclipse-tractusx/portal-frontend/pull/978)
+
 ### Feature
 
 - Customer Detail Data Overlay

src/components/pages/IDPManagement/IDPList.tsx

@@ -37,12 +37,15 @@ import { OVERLAYS } from 'types/Constants'
 import { error, success } from 'services/NotifyService'
 import {
   type IdentityProvider,
+  IdpAccountStatus,
   useEnableIDPMutation,
   useFetchIDPListQuery,
   useRemoveIDPMutation,
   IDPCategory,
 } from 'features/admin/idpApiSlice'
 
+type StatusTagColor = 'pending' | 'confirmed' | 'declined' | undefined
+
 const MenuItemOpenOverlay = ({
   overlay,
   id,
@@ -126,6 +129,13 @@ export const IDPList = () => {
     }
   }
 
+  const statusColorMap: Record<IdpAccountStatus, StatusTagColor> = {
+    [IdpAccountStatus.ACTIVE]: 'confirmed',
+    [IdpAccountStatus.DISABLED]: 'declined',
+    [IdpAccountStatus.OPEN]: 'pending',
+    [IdpAccountStatus.IDP_CREATED]: 'pending',
+  }
+
   const getStatus = (enabled: boolean, clientId: string | undefined) => {
     let status = `${ti('field.status1')}`
     if (enabled && !clientId) {
@@ -135,7 +145,12 @@ export const IDPList = () => {
     } else if (enabled && clientId) {
       status = `${ti('field.status4')}`
     }
-    return <StatusTag color="label" label={status} />
+    return (
+      <StatusTag
+        color={statusColorMap[status as IdpAccountStatus]}
+        label={status}
+      />
+    )
   }
 
   const renderMenu = (idp: IdentityProvider) => {

src/features/admin/idpApiSlice.ts

@@ -61,6 +61,13 @@ export enum SAMLAuthMethod {
   SECRET = 'SECRET',
 }
 
+export enum IdpAccountStatus {
+  ACTIVE = 'active',
+  OPEN = 'open',
+  IDP_CREATED = 'Idp created',
+  DISABLED = 'disabled',
+}
+
 export interface IDPMapperConfig {
   syncMode: IDPSyncModeType
 }