4.6.3-website dataset (#532)

projects/app/src/components/EmptyTip/index.tsx

@@ -1,17 +1,19 @@
 import React from 'react';
 import { Flex, Box, FlexProps } from '@chakra-ui/react';
 import MyIcon from '../Icon';
+import { useTranslation } from 'next-i18next';
 
 type Props = FlexProps & {
-  text?: string | null;
+  text?: string | React.ReactNode;
 };
 
 const EmptyTip = ({ text, ...props }: Props) => {
+  const { t } = useTranslation();
   return (
     <Flex mt={5} flexDirection={'column'} alignItems={'center'} pt={'10vh'} {...props}>
       <MyIcon name="empty" w={'48px'} h={'48px'} color={'transparent'} />
       <Box mt={2} color={'myGray.500'}>
-        {text || '没有什么数据噢~'}
+        {text || t('common.empty.Common Tip')}
       </Box>
     </Flex>
   );