1705 Added prop for custom icon summary card (#1759)

* 1705 Added prop for custom icon summary card * Resolve comments
workfloworchestrator · Mar 3, 2025 · 56bdc1d · 56bdc1d
1 parent 1093cb7
commit 56bdc1d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/.changeset/sharp-foxes-deny.md b/.changeset/sharp-foxes-deny.md
@@ -0,0 +1,5 @@
+---
+'@orchestrator-ui/orchestrator-ui-components': patch
+---
+
+1705 Added prop for custom icon summary card
diff --git a/packages/orchestrator-ui-components/src/components/WfoSummary/WfoSummaryCard.tsx b/packages/orchestrator-ui-components/src/components/WfoSummary/WfoSummaryCard.tsx
@@ -21,11 +21,12 @@ export enum SummaryCardStatus {
 export type WfoSummaryCardProps = {
     headerTitle: string;
     headerValue: string | number;
-    headerStatus: SummaryCardStatus;
     listTitle: string;
     listItems: SummaryCardListItem[];
+    headerStatus?: SummaryCardStatus;
     button?: SummaryCardButtonConfig;
     isLoading?: boolean;
+    headerBadge?: Pick<WfoSummaryCardHeaderProps, 'iconType' | 'iconColor'>;
 };
 
 export const WfoSummaryCard: FC<WfoSummaryCardProps> = ({
@@ -36,14 +37,15 @@ export const WfoSummaryCard: FC<WfoSummaryCardProps> = ({
     headerTitle,
     listTitle,
     listItems,
+    headerBadge,
 }) => {
     const { theme } = useOrchestratorTheme();
     const { cardContainerStyle } = useWithOrchestratorTheme(
         getWfoSummaryCardsStyles,
     );
 
     const getIconTypeAndColorForHeaderStatus = (
-        status: SummaryCardStatus,
+        status?: SummaryCardStatus,
     ): Pick<WfoSummaryCardHeaderProps, 'iconType' | 'iconColor'> => {
         switch (status) {
             case SummaryCardStatus.Success:
@@ -57,11 +59,17 @@ export const WfoSummaryCard: FC<WfoSummaryCardProps> = ({
                     iconColor: theme.colors.danger,
                 };
             case SummaryCardStatus.Neutral:
-            default:
                 return {
                     iconType: 'kubernetesPod',
                     iconColor: theme.colors.primary,
                 };
+            default:
+                return (
+                    headerBadge ?? {
+                        iconType: 'kubernetesPod',
+                        iconColor: theme.colors.primary,
+                    }
+                );
         }
     };