v4.6 -1 (#459)

projects/app/src/components/support/permission/IconText/index.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PermissionTypeEnum, PermissionTypeMap } from '@fastgpt/global/support/permission/constant';
+import { Box, Flex, FlexProps } from '@chakra-ui/react';
+import MyIcon from '@/components/Icon';
+import { useTranslation } from 'react-i18next';
+
+const PermissionIconText = ({
+  permission,
+  ...props
+}: { permission: `${PermissionTypeEnum}` } & FlexProps) => {
+  const { t } = useTranslation();
+  return PermissionTypeMap[permission] ? (
+    <Flex alignItems={'center'} {...props}>
+      <MyIcon name={PermissionTypeMap[permission]?.iconLight as any} w={'14px'} />
+      <Box ml={'1px'}>{t(PermissionTypeMap[permission]?.label)}</Box>
+    </Flex>
+  ) : null;
+};
+
+export default PermissionIconText;