diff --git a/plugins/plugin-client-common/src/components/Views/Sidecar/Badge.tsx b/plugins/plugin-client-common/src/components/Views/Sidecar/Badge.tsx index 93d527f8773..0752d440ed7 100644 --- a/plugins/plugin-client-common/src/components/Views/Sidecar/Badge.tsx +++ b/plugins/plugin-client-common/src/components/Views/Sidecar/Badge.tsx @@ -66,7 +66,14 @@ function oneTimeRender(badgeText: KuiBadge) { badge.classList.add('badge-as-fontawesome') badge.appendChild(awesome) */ } else { - const type = className === 'green-background' ? 'ok' : className === 'red-background' ? 'error' : 'warning' + const type = + className === 'green-background' + ? 'ok' + : className === 'red-background' + ? 'error' + : className === 'blue-background' + ? 'done' + : 'warning' return (
badgeText.onclick()}> diff --git a/plugins/plugin-client-common/src/components/spi/Tag/impl/PatternFly.tsx b/plugins/plugin-client-common/src/components/spi/Tag/impl/PatternFly.tsx index da26e26c189..a70fa398b34 100644 --- a/plugins/plugin-client-common/src/components/spi/Tag/impl/PatternFly.tsx +++ b/plugins/plugin-client-common/src/components/spi/Tag/impl/PatternFly.tsx @@ -25,6 +25,8 @@ export default function PatternFlyTag(props: Props) { const color = props.type === 'ok' ? 'green-background' + : props.type === 'done' + ? 'blue-background' : props.type === 'error' ? 'red-background' : props.type === 'warning' diff --git a/plugins/plugin-client-common/src/components/spi/Tag/model.ts b/plugins/plugin-client-common/src/components/spi/Tag/model.ts index bf17cbdee84..066efd3f227 100644 --- a/plugins/plugin-client-common/src/components/spi/Tag/model.ts +++ b/plugins/plugin-client-common/src/components/spi/Tag/model.ts @@ -19,7 +19,7 @@ import { ReactNode } from 'react' interface Props { id?: string title?: string - type?: 'ok' | 'error' | 'warning' + type?: 'ok' | 'error' | 'warning' | 'done' className?: string spanclassname?: string children: ReactNode