feat: 🎸 Add loader to iframe widget

gmpetrov · Oct 12, 2023 · c60801d · c60801d · vercel · Oct 12, 2023
1 parent 6912835
commit c60801d
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/apps/dashboard/components/ChatBoxFrame.tsx b/apps/dashboard/components/ChatBoxFrame.tsx
@@ -1,4 +1,5 @@
 import Box from '@mui/joy/Box';
+import CircularProgress from '@mui/joy/CircularProgress';
 import { useColorScheme } from '@mui/joy/styles';
 import { useRouter } from 'next/router';
 import React, { useEffect, useMemo } from 'react';
@@ -106,7 +107,20 @@ function ChatBoxFrame(props: { initConfig?: AgentInterfaceConfig }) {
   //   }, []);
 
   if (!agent) {
-    return null;
+    return (
+      <Box
+        sx={{
+          width: '100dvw',
+          height: '100dvh',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          background: 'transparent',
+        }}
+      >
+        <CircularProgress size="sm" variant="soft" color="neutral" />
+      </Box>
+    );
   }
 
   return (