From fbbe887aa875614258d31c8d2acfda911555779f Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 3 Dec 2024 13:12:12 -0300
Subject: [PATCH] fix: change wrong component in json display (#5026)

refactor: Remove wrong CodeBlock import and replace with SimplifiedCodeTabComponent
---
 .../core/chatComponents/ContentDisplay.tsx    | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/components/core/chatComponents/ContentDisplay.tsx b/src/frontend/src/components/core/chatComponents/ContentDisplay.tsx
index 861c73949..91498186a 100644
--- a/src/frontend/src/components/core/chatComponents/ContentDisplay.tsx
+++ b/src/frontend/src/components/core/chatComponents/ContentDisplay.tsx
@@ -1,4 +1,3 @@
-import { CodeBlock } from "@/modals/IOModal/components/chatView/chatMessage/codeBlock";
 import { ContentType } from "@/types/chat";
 import { ReactNode } from "react";
 import Markdown from "react-markdown";
@@ -120,9 +119,9 @@ export default function ContentDisplay({
     case "json":
       contentData = (
         <div className="pr-20">
-          <CodeBlock
+          <SimplifiedCodeTabComponent
             language="json"
-            value={JSON.stringify(content.data, null, 2)}
+            code={JSON.stringify(content.data, null, 2)}
           />
         </div>
       );
@@ -134,7 +133,10 @@ export default function ContentDisplay({
           {content.reason && <div>Reason: {content.reason}</div>}
           {content.solution && <div>Solution: {content.solution}</div>}
           {content.traceback && (
-            <CodeBlock language="text" value={content.traceback} />
+            <SimplifiedCodeTabComponent
+              language="text"
+              code={content.traceback}
+            />
           )}
         </div>
       );
@@ -184,9 +186,9 @@ export default function ContentDisplay({
         // For objects/arrays, format as JSON
         try {
           return (
-            <CodeBlock
+            <SimplifiedCodeTabComponent
               language="json"
-              value={JSON.stringify(output, null, 2)}
+              code={JSON.stringify(output, null, 2)}
             />
           );
         } catch {
@@ -203,9 +205,9 @@ export default function ContentDisplay({
           >
             {`${content.name ? `**Tool:** ${content.name}\n\n` : ""}**Input:**`}
           </Markdown>
-          <CodeBlock
+          <SimplifiedCodeTabComponent
             language="json"
-            value={JSON.stringify(content.tool_input, null, 2)}
+            code={JSON.stringify(content.tool_input, null, 2)}
           />
           {content.output !== undefined && (
             <>
@@ -228,9 +230,9 @@ export default function ContentDisplay({
               >
                 **Error:**
               </Markdown>
-              <CodeBlock
+              <SimplifiedCodeTabComponent
                 language="json"
-                value={JSON.stringify(content.error, null, 2)}
+                code={JSON.stringify(content.error, null, 2)}
               />
             </div>
           )}