mirror of
https://github.com/trustgraph-ai/trustgraph.git
synced 2026-07-03 15:01:00 +02:00
a8390532f7
git-subtree-dir: ai-context/workbench-ui git-subtree-split: 32e36a5c2131e429a7081cfaf67dabad3193cda3
22 lines
509 B
TypeScript
22 lines
509 B
TypeScript
import React from "react";
|
|
import { Box, Spinner, Text } from "@chakra-ui/react";
|
|
|
|
/**
|
|
* Loading screen displayed while establishing WebSocket connection
|
|
*/
|
|
export const ConnectionLoadingScreen: React.FC = () => {
|
|
return (
|
|
<Box
|
|
width="100%"
|
|
height="100vh"
|
|
display="flex"
|
|
flexDirection="column"
|
|
alignItems="center"
|
|
justifyContent="center"
|
|
gap={4}
|
|
>
|
|
<Spinner size="xl" />
|
|
<Text color="fg.muted">Connecting to server...</Text>
|
|
</Box>
|
|
);
|
|
};
|