From 88ed7717dceb0b70ddd62c90f84a444f9ba3a8a2 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Fri, 17 Jan 2025 22:50:44 +0530
Subject: [PATCH] feat: show circular progress while runs load

---
 src/components/run/RunsTable.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/run/RunsTable.tsx b/src/components/run/RunsTable.tsx
index 73167b52..6b3b7140 100644
--- a/src/components/run/RunsTable.tsx
+++ b/src/components/run/RunsTable.tsx
@@ -160,6 +160,11 @@ export const RunsTable: React.FC<RunsTableProps> = ({
           sx={{ width: '250px' }}
         />
       </Box>
+      {rows.length === 0 ? (
+        <Box display="flex" justifyContent="center" alignItems="center" height="100%">
+          <CircularProgress />
+        </Box>
+      ) : (
       <TableContainer component={Paper} sx={{ width: '100%', overflow: 'hidden' }}>
         {Object.entries(groupedRows).map(([id, data]) => (
           <Accordion key={id} onChange={(event, isExpanded) => handleAccordionChange(id, isExpanded)}>
@@ -202,6 +207,7 @@ export const RunsTable: React.FC<RunsTableProps> = ({
           </Accordion>
         ))}
       </TableContainer>
+      )}
       <TablePagination
         rowsPerPageOptions={[10, 25, 50]}
         component="div"