From da124fa0b2f8c2355075e3127ffc8bc8c1d323cb Mon Sep 17 00:00:00 2001
From: Vallari Agrawal <val.agl002@gmail.com>
Date: Tue, 11 Jun 2024 20:07:24 +0530
Subject: [PATCH] KillButtonDialog: use CodeBlock to display logs

Signed-off-by: Vallari Agrawal <val.agl002@gmail.com>
---
 src/components/KillButton/index.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/KillButton/index.tsx b/src/components/KillButton/index.tsx
index d9d330b..c49b6f9 100644
--- a/src/components/KillButton/index.tsx
+++ b/src/components/KillButton/index.tsx
@@ -10,6 +10,7 @@ import Paper from "@mui/material/Paper";
 import Typography from "@mui/material/Typography";
 import Tooltip from '@mui/material/Tooltip';
 
+import CodeBlock from "../CodeBlock";
 import { KillRunPayload } from "../../lib/teuthologyAPI.d";
 import { useSession } from "../../lib/teuthologyAPI";
 import Alert from "../Alert";
@@ -81,18 +82,16 @@ export default function KillButton(props: KillButtonProps) {
 function KillButtonDialog({mutation, open, handleClose, payload}: KillButtonDialogProps) {
   return (
     <div>
-      <Dialog onClose={handleClose} open={open} scroll="paper" fullWidth={true} maxWidth="sm">
+      <Dialog onClose={handleClose} open={open} scroll="paper" fullWidth={true} maxWidth="md">
         <DialogTitle variant="h6">KILL CONFIRMATION</DialogTitle>
-        <DialogContent>
+        <DialogContent dividers>
           { (mutation.isSuccess && mutation.data ) ? 
             <div>
               <Typography variant="h6" display="block" color="green" gutterBottom>
                 Successful!
               </Typography>
               <Paper>
-                <Typography variant="caption" display="block" gutterBottom>
-                  {mutation.data?.data?.logs}
-                </Typography>
+                <CodeBlock value={mutation.data?.data?.logs || ""} language="python" />
               </Paper>
             </div> : 
             (mutation.isLoading) ? (
@@ -109,9 +108,7 @@ function KillButtonDialog({mutation, open, handleClose, payload}: KillButtonDial
                   Failed!
                 </Typography>
                 <Paper>
-                  <Typography variant="caption" display="block" gutterBottom>
-                    {mutation.error?.response?.data?.detail}
-                  </Typography>
+                  <CodeBlock value={(mutation.error?.response?.data?.detail) || ""} language="python" />
                 </Paper>
               </div>
             ) :