From 81445afe208023521a409159d21d2f98c9d53aba Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Mon, 28 Oct 2024 20:14:02 +0530
Subject: [PATCH] feat: show status in chips

---
 src/components/molecules/ColapsibleRow.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/molecules/ColapsibleRow.tsx b/src/components/molecules/ColapsibleRow.tsx
index ebb734c5..e942910d 100644
--- a/src/components/molecules/ColapsibleRow.tsx
+++ b/src/components/molecules/ColapsibleRow.tsx
@@ -2,7 +2,7 @@ import { useEffect, useRef, useState } from "react";
 import * as React from "react";
 import TableRow from "@mui/material/TableRow";
 import TableCell from "@mui/material/TableCell";
-import { Box, Collapse, IconButton, Typography } from "@mui/material";
+import { Box, Collapse, IconButton, Typography, Chip } from "@mui/material";
 import { DeleteForever, KeyboardArrowDown, KeyboardArrowUp } from "@mui/icons-material";
 import { deleteRunFromStorage } from "../../api/storage";
 import { columns, Data } from "./RunsTable";
@@ -56,11 +56,20 @@ export const CollapsibleRow = ({ row, handleDelete, isOpen, currentLog, abortRun
           if (value !== undefined) {
             return (
               <TableCell key={column.id} align={column.align}>
-                {value}
+                 {value} 
               </TableCell>
             );
           } else {
             switch (column.id) {
+              case 'robotStatus': 
+                return (
+                  <TableCell key={column.id} align={column.align}>
+                    {row.status === 'success' && <Chip label="Success" color="success" variant="outlined" />}
+                    {row.status === 'running' && <Chip label="Running" color="warning" variant="outlined" />}
+                    {row.status === 'scheduled' && <Chip label="Scheduled" variant="outlined" />}
+                    {row.status === 'failed' && <Chip label="Failed" color="error" variant="outlined" />}
+                  </TableCell>
+                )
               case 'delete':
                 return (
                   <TableCell key={column.id} align={column.align}>