dataset save raw file

client/src/components/Loading/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Spinner, Flex } from '@chakra-ui/react';
+import { Spinner, Flex, Box } from '@chakra-ui/react';
 
-const Loading = ({ fixed = true }: { fixed?: boolean }) => {
+const Loading = ({ fixed = true, text = '' }: { fixed?: boolean; text?: string }) => {
   return (
     <Flex
       position={fixed ? 'fixed' : 'absolute'}
@@ -13,8 +13,14 @@ const Loading = ({ fixed = true }: { fixed?: boolean }) => {
       bottom={0}
       alignItems={'center'}
       justifyContent={'center'}
+      flexDirection={'column'}
     >
       <Spinner thickness="4px" speed="0.65s" emptyColor="myGray.100" color="myBlue.600" size="xl" />
+      {text && (
+        <Box mt={2} color="myBlue.700" fontWeight={'bold'}>
+          {text}
+        </Box>
+      )}
     </Flex>
   );
 };