From 7fd29d23e0179825756e1a7e3be91d34b8ae502c Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Fri, 17 Jan 2025 22:54:05 +0530
Subject: [PATCH] feat: show circular progress while robots load

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

diff --git a/src/components/robot/RecordingsTable.tsx b/src/components/robot/RecordingsTable.tsx
index 4bbcb654..718400db 100644
--- a/src/components/robot/RecordingsTable.tsx
+++ b/src/components/robot/RecordingsTable.tsx
@@ -200,6 +200,11 @@ export const RecordingsTable = ({ handleEditRecording, handleRunRecording, handl
           </IconButton>
         </Box>
       </Box>
+          {rows.length === 0 ? (
+            <Box display="flex" justifyContent="center" alignItems="center" height="50%">
+              <CircularProgress />
+            </Box>
+          ) : (
       <TableContainer component={Paper} sx={{ width: '100%', overflow: 'hidden', marginTop: '15px' }}>
         <Table stickyHeader aria-label="sticky table">
           <TableHead>
@@ -295,6 +300,7 @@ export const RecordingsTable = ({ handleEditRecording, handleRunRecording, handl
           </TableBody>
         </Table>
       </TableContainer>
+          )}
       <TablePagination
         rowsPerPageOptions={[10, 25, 50]}
         component="div"