mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-23 13:03:50 +00:00
34 lines
873 B
TypeScript
34 lines
873 B
TypeScript
import React, { useEffect, useState } from 'react';
|
|
import type { IconProps } from '@chakra-ui/react';
|
|
import { Box, Icon } from '@chakra-ui/react';
|
|
import { iconPaths } from './constants';
|
|
import type { IconNameType } from './type.d';
|
|
|
|
const MyIcon = ({ name, w = 'auto', h = 'auto', ...props }: { name: IconNameType } & IconProps) => {
|
|
const [IconComponent, setIconComponent] = useState<any>(null);
|
|
|
|
useEffect(() => {
|
|
iconPaths[name]?.()
|
|
.then((icon) => {
|
|
setIconComponent({ as: icon.default });
|
|
})
|
|
.catch((error) => console.log(error));
|
|
}, [name]);
|
|
|
|
return !!IconComponent ? (
|
|
<Icon
|
|
{...IconComponent}
|
|
w={w}
|
|
h={h}
|
|
boxSizing={'content-box'}
|
|
verticalAlign={'top'}
|
|
fill={'currentcolor'}
|
|
{...props}
|
|
/>
|
|
) : (
|
|
<Box w={w} h={'1px'}></Box>
|
|
);
|
|
};
|
|
|
|
export default React.memo(MyIcon);
|