support mermaid

client/src/components/Markdown/Loading.tsx

@@ -0,0 +1,17 @@
+import React, { memo } from 'react';
+import { Box } from '@chakra-ui/react';
+
+const Loading = () => {
+  return (
+    <Box
+      w={'100%'}
+      h={'80px'}
+      backgroundImage={'url("/imgs/loading.gif")'}
+      backgroundSize={'contain'}
+      backgroundRepeat={'no-repeat'}
+      backgroundPosition={'center'}
+    />
+  );
+};
+
+export default memo(Loading);