mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-29 01:40:51 +00:00
2d3117c5da
* update: Add type * fix: update import statement for NextApiRequest type * fix: update imports to use type for LexicalEditor and EditorState * Refactor imports to use 'import type' for type-only imports across multiple files - Updated imports in various components and API files to use 'import type' for better clarity and to optimize TypeScript's type checking. - Ensured consistent usage of type imports in files related to chat, dataset, workflow, and user management. - Improved code readability and maintainability by distinguishing between value and type imports. * refactor: remove old ESLint configuration and add new rules - Deleted the old ESLint configuration file from the app project. - Added a new ESLint configuration file with updated rules and settings. - Changed imports to use type-only imports in various files for better clarity and performance. - Updated TypeScript configuration to remove unnecessary options. - Added an ESLint ignore file to exclude build and dependency directories from linting. * fix: update imports to use 'import type' for type-only imports in schema files
58 lines
1.2 KiB
TypeScript
58 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import { Flex, type FlexProps } from '@chakra-ui/react';
|
|
import MyIcon from './index';
|
|
import MyTooltip from '../MyTooltip';
|
|
|
|
type Props = FlexProps & {
|
|
icon: string;
|
|
size?: string;
|
|
onClick?: () => void;
|
|
hoverColor?: string;
|
|
hoverBg?: string;
|
|
hoverBorderColor?: string;
|
|
tip?: string;
|
|
isLoading?: boolean;
|
|
};
|
|
|
|
const MyIconButton = ({
|
|
icon,
|
|
onClick,
|
|
hoverColor = 'primary.600',
|
|
hoverBg = 'myGray.05',
|
|
hoverBorderColor = '',
|
|
size = '1rem',
|
|
tip,
|
|
isLoading = false,
|
|
...props
|
|
}: Props) => {
|
|
return (
|
|
<MyTooltip label={tip}>
|
|
<Flex
|
|
position={'relative'}
|
|
p={1}
|
|
color={'myGray.500'}
|
|
rounded={'sm'}
|
|
alignItems={'center'}
|
|
bg={'transparent'}
|
|
transition={'background 0.1s'}
|
|
cursor={'pointer'}
|
|
_hover={{
|
|
bg: hoverBg,
|
|
color: hoverColor,
|
|
borderColor: hoverBorderColor
|
|
}}
|
|
onClick={() => {
|
|
if (isLoading) return;
|
|
onClick?.();
|
|
}}
|
|
sx={{ userSelect: 'none' }}
|
|
{...props}
|
|
>
|
|
<MyIcon name={isLoading ? 'common/loading' : (icon as any)} w={size} />
|
|
</Flex>
|
|
</MyTooltip>
|
|
);
|
|
};
|
|
|
|
export default MyIconButton;
|