From 0b0b8083cb6e569108c31312f3d3daf6a045595f Mon Sep 17 00:00:00 2001
From: joaovictor3g <jvdias79797@gmail.com>
Date: Mon, 29 Apr 2024 11:07:43 -0300
Subject: [PATCH] uses variable name when it exists

---
 web/assets/css/accordions.css                 |  1 +
 web/assets/js/components/accordions/result.js | 22 +------------------
 2 files changed, 2 insertions(+), 21 deletions(-)

diff --git a/web/assets/css/accordions.css b/web/assets/css/accordions.css
index 5cb85db..2533186 100644
--- a/web/assets/css/accordions.css
+++ b/web/assets/css/accordions.css
@@ -72,6 +72,7 @@
 .editor__output-result-accordion .result-accordion-expansible-content {
   transition: max-height 400ms, visibility 50ms;
   overflow-x: auto;
+  overflow-y: hidden;
 }
 
 .editor__output-result-accordion[data-open="false"]
diff --git a/web/assets/js/components/accordions/result.js b/web/assets/js/components/accordions/result.js
index ac34c51..a7fdf20 100644
--- a/web/assets/js/components/accordions/result.js
+++ b/web/assets/js/components/accordions/result.js
@@ -66,7 +66,7 @@ function createLabel(item, name, i) {
   arrowIcon.className = "ph ph-caret-right ph-bold result-arrow";
 
   const span = document.createElement("span");
-  span.innerHTML = `${name}[${i}]`;
+  span.innerHTML = `${item?.name ? item.name : `${name}[${i}]`}`;
 
   parentContainer.appendChild(arrowIcon);
 
@@ -90,26 +90,6 @@ function createLabel(item, name, i) {
   parentContainer.appendChild(span);
 
   return parentContainer;
-
-  // return `<div
-  //           style="display: flex; align-items: center; gap: 0.5rem; position:relative"
-  //         >
-  //           <i class="ph ph-caret-right ph-bold result-arrow"></i>
-  //           <div class="tooltip__container">
-  //                   ${
-  //                     item?.isError
-  //                       ? `<i class="ph ph-x-circle ph-fill" style="color: #e01e5a; z-index:999999" id="tooltip__trigger"></i>`
-  //                       : ""
-  //                   }
-  //                   <div id="tooltip__content" class="tooltip" style="right:0; top:0">
-  //                     <span class="tooltip__content--text">
-  //                       Validation compilation failed.
-  //                     </span>
-  //                   </div>
-  //           </div>
-
-  //           <span>${name}[${i}]</span>
-  //         </div>`;
 }
 
 function renderAccordions(key, values, index = 0) {