Adapted PendingAnswerComponent and CodeBlock to look the same, define…

…d python as fixed hilighting language
FREVA-CLINT · Dec 11, 2024 · 0327f7e · 0327f7e
1 parent c409b1e
commit 0327f7e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/assets/js/Containers/FrevaGPT/components/CodeBlock.js b/assets/js/Containers/FrevaGPT/components/CodeBlock.js
@@ -15,7 +15,7 @@ function CodeBlock(props) {
         <Accordion.Item eventKey="0">
           <Accordion.Header>python</Accordion.Header>
           <Accordion.Body>
-            <Highlight>{formatCode(props.title, props.code[0])}</Highlight>
+            <Highlight className="python">{formatCode(props.title, props.code[0])}</Highlight>
           </Accordion.Body>
         </Accordion.Item>
       </Accordion>

diff --git a/assets/js/Containers/FrevaGPT/components/PendingAnswerComponent.js b/assets/js/Containers/FrevaGPT/components/PendingAnswerComponent.js
@@ -45,13 +45,13 @@ function PendingAnswerComponent(props) {
       case "Code":
       case "CodeBlock":
         return (
-          <>
+          <Col md={{span: 10, offset: 0}}>
             <div className="mb-3">
               <Accordion defaultActiveKey="0">
                 <Accordion.Item eventKey="0">
-                  <Accordion.Header>{props.variant}</Accordion.Header>
+                  <Accordion.Header>python</Accordion.Header>
                   <Accordion.Body>
-                    <Highlight>{renderedCode}</Highlight>
+                    <Highlight className="python">{renderedCode}</Highlight>
                     <span>
                       <Spinner size="sm" />
                       <span className="m-2">Analyzing...</span>
@@ -60,7 +60,7 @@ function PendingAnswerComponent(props) {
                 </Accordion.Item>
               </Accordion>
             </div>
-          </>
+          </Col>
         );
       case "ServerHint":
         return (