mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-27 00:17:31 +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
48 lines
954 B
TypeScript
48 lines
954 B
TypeScript
import React from 'react';
|
|
import { Spinner, Flex, Box, type SpinnerProps } from '@chakra-ui/react';
|
|
|
|
const Loading = ({
|
|
fixed = true,
|
|
text = '',
|
|
bg = 'rgba(255,255,255,0.5)',
|
|
zIndex = 1000,
|
|
size = 'lg'
|
|
}: {
|
|
fixed?: boolean;
|
|
text?: string;
|
|
bg?: string;
|
|
zIndex?: number;
|
|
size?: SpinnerProps['size'];
|
|
}) => {
|
|
return (
|
|
<Flex
|
|
position={fixed ? 'fixed' : 'absolute'}
|
|
zIndex={fixed ? zIndex : 10}
|
|
bg={bg}
|
|
borderRadius={'md'}
|
|
top={0}
|
|
left={0}
|
|
right={0}
|
|
bottom={0}
|
|
alignItems={'center'}
|
|
justifyContent={'center'}
|
|
flexDirection={'column'}
|
|
>
|
|
<Spinner
|
|
thickness="4px"
|
|
speed="0.65s"
|
|
emptyColor="myGray.100"
|
|
color="primary.500"
|
|
size={size}
|
|
/>
|
|
{text && (
|
|
<Box mt={2} color="primary.600" fontWeight={'bold'}>
|
|
{text}
|
|
</Box>
|
|
)}
|
|
</Flex>
|
|
);
|
|
};
|
|
|
|
export default React.memo(Loading);
|