From 5ad83b3a618ef475d09b58ec22c697ea237db608 Mon Sep 17 00:00:00 2001
From: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
Date: Tue, 5 Dec 2023 09:30:44 +0000
Subject: [PATCH] updating breadcrumbs JSX according suggestion from maintainer
 for better readability of code

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
---
 src/components/breadcrumbs/breadcrumbs.tsx | 25 +++++++++-------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/components/breadcrumbs/breadcrumbs.tsx b/src/components/breadcrumbs/breadcrumbs.tsx
index 80bfe15b7c..015b91a533 100644
--- a/src/components/breadcrumbs/breadcrumbs.tsx
+++ b/src/components/breadcrumbs/breadcrumbs.tsx
@@ -272,23 +272,18 @@ export const OuiBreadcrumbs: FunctionComponent<OuiBreadcrumbsProps> = ({
         </OuiInnerText>
       );
 
-    const breadcrumbWallClasses = isFirstBreadcrumb
-      ? classNames('ouiBreadcrumbWall', {
-          'ouiBreadcrumbWall--single': isLastBreadcrumb,
-        })
-      : breadcrumbWrapperClasses;
-
-    const wrapper = (
-      <div className={breadcrumbWallClasses}>
-        {isFirstBreadcrumb ? (
-          <div className={breadcrumbWrapperClasses}>{link}</div>
-        ) : (
-          link
-        )}
-      </div>
+    const breadcrumbWallClasses = classNames('ouiBreadcrumbWall', {
+      'ouiBreadcrumbWall--single': isFirstBreadcrumb && isLastBreadcrumb,
+    });
+
+    const wrapper = <div className={breadcrumbWrapperClasses}>{link}</div>;
+    const wall = isFirstBreadcrumb ? (
+      <div className={breadcrumbWallClasses}>{wrapper}</div>
+    ) : (
+      wrapper
     );
 
-    return <Fragment key={index}>{wrapper}</Fragment>;
+    return <Fragment key={index}>{wall}</Fragment>;
   });
 
   // Use the default object if they simply passed `true` for responsive