new framwork

client/src/components/Loading/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Spinner, Flex } from '@chakra-ui/react';
+
+const Loading = ({ fixed = true }: { fixed?: boolean }) => {
+  return (
+    <Flex
+      position={fixed ? 'fixed' : 'absolute'}
+      zIndex={1000}
+      backgroundColor={'rgba(255,255,255,0.5)'}
+      top={0}
+      left={0}
+      right={0}
+      bottom={0}
+      alignItems={'center'}
+      justifyContent={'center'}
+    >
+      <Spinner thickness="4px" speed="0.65s" emptyColor="gray.200" color="myBlue.500" size="xl" />
+    </Flex>
+  );
+};
+
+export default Loading;