From 46c480931a6402bfb9b30e14af7582ed06217b34 Mon Sep 17 00:00:00 2001
From: Abi Raja <abimanyuraja@gmail.com>
Date: Tue, 30 Jul 2024 16:23:53 -0400
Subject: [PATCH] make execution console show logs from both variants

---
 frontend/src/components/sidebar/Sidebar.tsx | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/sidebar/Sidebar.tsx b/frontend/src/components/sidebar/Sidebar.tsx
index b557456..288b3f8 100644
--- a/frontend/src/components/sidebar/Sidebar.tsx
+++ b/frontend/src/components/sidebar/Sidebar.tsx
@@ -167,14 +167,21 @@ function Sidebar({
             </div>
           </div>
         )}
-        <div className="bg-gray-400 px-4 py-2 rounded text-sm hidden">
+        <div className="bg-gray-400 px-4 py-2 rounded text-sm">
           <h2 className="text-lg mb-4 border-b border-gray-800">Console</h2>
-          {executionConsole.map((line, index) => (
-            <div
-              key={index}
-              className="border-b border-gray-400 mb-2 text-gray-600 font-mono"
-            >
-              {line}
+          {Object.entries(executionConsoles).map(([index, lines]) => (
+            <div key={index}>
+              {lines.map((line, lineIndex) => (
+                <div
+                  key={`${index}-${lineIndex}`}
+                  className="border-b border-gray-400 mb-2 text-gray-600 font-mono"
+                >
+                  <span className="font-bold mr-2">{`${index}:${
+                    lineIndex + 1
+                  }`}</span>
+                  {line}
+                </div>
+              ))}
             </div>
           ))}
         </div>