Dashboard Integration

This commit is contained in:
rsandb
2023-01-11 22:12:09 -06:00
parent be7f933033
commit 80cf195972
37 changed files with 905 additions and 661 deletions
@@ -0,0 +1,19 @@
import { Box, Progress, useColorModeValue } from "@chakra-ui/react";
export const MessageLoading = () => {
const loadingColor = useColorModeValue("gray.200", "gray.600");
return (
<Box className="w-full">
<Progress size="sm" isIndeterminate />
<Box className="flex flex-col gap-2 my-8">
<Box width="28" padding="4" borderRadius="md" bg={loadingColor}></Box>
<Box width="full" maxWidth="xl" height="16" bg={loadingColor} padding="4" borderRadius="xl"></Box>
</Box>
<Box className="flex flex-col gap-2 mb-4">
<Box width="28" padding="4" borderRadius="md" bg={loadingColor}></Box>
<Box width="full" maxWidth="lg" height="16" bg={loadingColor} padding="4" borderRadius="xl"></Box>
</Box>
</Box>
);
};