From 352bc43bc4fd7c87e7354a4e96d7d6cc31efdb73 Mon Sep 17 00:00:00 2001
From: Ricardo van der Heijden
 <20791917+ricardovdheijden@users.noreply.github.com>
Date: Thu, 4 Apr 2024 17:11:17 +0200
Subject: [PATCH] 333 Adds fallback for values that are possibly undefined

---
 .../WfoSubscription/WfoCustomerDescriptionsField.tsx      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/orchestrator-ui-components/src/components/WfoSubscription/WfoCustomerDescriptionsField.tsx b/packages/orchestrator-ui-components/src/components/WfoSubscription/WfoCustomerDescriptionsField.tsx
index e8e5f8983..ec422ee36 100644
--- a/packages/orchestrator-ui-components/src/components/WfoSubscription/WfoCustomerDescriptionsField.tsx
+++ b/packages/orchestrator-ui-components/src/components/WfoSubscription/WfoCustomerDescriptionsField.tsx
@@ -42,11 +42,11 @@ export const WfoCustomerDescriptionsField: FC<
     return (
         <div>
             {customerDescriptionsWithName.map(
-                ({ shortcode, fullname, description }) => (
+                ({ shortcode, fullname, description, customerId }) => (
                     <div
-                        key={shortcode}
-                        title={fullname}
-                    >{`${shortcode}: ${description}`}</div>
+                        key={customerId}
+                        title={fullname ?? customerId}
+                    >{`${shortcode ?? customerId}: ${description}`}</div>
                 ),
             )}
         </div>