From db16158f19fc0a764296c2713da0947b34423a7f Mon Sep 17 00:00:00 2001
From: mariana-furyk <mariana.furyk@globallogic.com>
Date: Fri, 22 Dec 2023 11:17:29 +0200
Subject: [PATCH] Fix [Feature sets] UI crash on attempt to preview feature set

---
 src/components/DetailsPreview/DetailsPreview.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/DetailsPreview/DetailsPreview.js b/src/components/DetailsPreview/DetailsPreview.js
index 9f71d3906b..0620e25e4a 100644
--- a/src/components/DetailsPreview/DetailsPreview.js
+++ b/src/components/DetailsPreview/DetailsPreview.js
@@ -39,10 +39,10 @@ const DetailsPreview = ({ artifact, handlePreview }) => {
   const popupButtonIsDisplayed = useMemo(() => {
     return (
       artifact.target_path &&
-      (artifact.extra_data.length > 0 ||
+      (artifact.extra_data?.length > 0 ||
         (!preview[0]?.error && !preview.every(item => item.hidden)))
     )
-  }, [artifact.extra_data.length, artifact.target_path, preview])
+  }, [artifact.extra_data, artifact.target_path, preview])
 
   const artifactsPreviewClassNames = classnames(
     popupButtonIsDisplayed && 'artifact-preview__with-popout'
@@ -73,10 +73,10 @@ const DetailsPreview = ({ artifact, handlePreview }) => {
         </div>
       )}
       <div className={artifactsPreviewClassNames}>
-        {preview[0]?.hidden && artifact.extra_data.length > 0 ? null : (
+        {preview[0]?.hidden && artifact.extra_data?.length > 0 ? null : (
           <ArtifactsPreview noData={noData} preview={preview} />
         )}
-        {artifact.extra_data.length > 0 && <ArtifactsExtraData artifact={artifact} />}
+        {artifact.extra_data?.length > 0 && <ArtifactsExtraData artifact={artifact} />}
       </div>
     </div>
   )