fix: add statusText props in cardDecision to have proper text in chips

eclipse-tractusx · Oct 21, 2024 · 986b2bf · 986b2bf
2 parents 7f75bf4 + 5682156
commit 986b2bf
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/content/Cards/CardDecision.stories.tsx b/src/components/content/Cards/CardDecision.stories.tsx
@@ -39,12 +39,14 @@ const items = [
     provider: 'Bayerische Motorenwerke AG',
     name: 'Logistics Network, Material Traceability (LBN-MT)',
     status: StatusVariants.release,
+    statusText: 'Released',
   },
   {
     appId: '123',
     provider: 'Catena-X',
     name: 'DTC-Translator',
     status: StatusVariants.active,
+    statusText: 'Active',
   },
 ]
 

diff --git a/src/components/content/Cards/CardDecision.tsx b/src/components/content/Cards/CardDecision.tsx
@@ -28,6 +28,7 @@ export interface AppContent {
   name?: string
   provider: string
   status: StatusVariants
+  statusText?: string
   id?: string
   title?: string
 }
@@ -135,7 +136,10 @@ export const CardDecision = ({
                 sx={{ marginBottom: '10px' }}
                 className="cx-card__decision--chip"
               >
-                <CardChip status={item.status} statusText={item.status} />
+                <CardChip
+                  status={item.status}
+                  statusText={item.statusText ?? item.status}
+                />
               </Box>
               {(item.status?.toLowerCase() as StatusVariants) !==
                 StatusVariants.active && (