mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-24 22:03:54 +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
78 lines
1.7 KiB
TypeScript
78 lines
1.7 KiB
TypeScript
import React from 'react';
|
|
import MyIcon from '../Icon';
|
|
import {
|
|
Drawer,
|
|
DrawerBody,
|
|
DrawerHeader,
|
|
DrawerOverlay,
|
|
DrawerContent,
|
|
DrawerCloseButton,
|
|
type DrawerContentProps,
|
|
Flex,
|
|
Image,
|
|
Box
|
|
} from '@chakra-ui/react';
|
|
import { useLoading } from '../../../hooks/useLoading';
|
|
import Avatar from '../Avatar';
|
|
|
|
type Props = DrawerContentProps & {
|
|
onClose: () => void;
|
|
iconSrc?: string;
|
|
title?: any;
|
|
isLoading?: boolean;
|
|
};
|
|
|
|
const MyRightDrawer = ({
|
|
onClose,
|
|
iconSrc,
|
|
title,
|
|
maxW = ['90vw', '500px'],
|
|
children,
|
|
isLoading,
|
|
...props
|
|
}: Props) => {
|
|
const { Loading } = useLoading();
|
|
return (
|
|
<Drawer isOpen placement="right" onClose={onClose}>
|
|
<DrawerOverlay />
|
|
<DrawerContent
|
|
maxW={maxW}
|
|
{...props}
|
|
h={'94%'}
|
|
mt={'2%'}
|
|
borderLeftRadius={'lg'}
|
|
overflow={'hidden'}
|
|
>
|
|
<Flex
|
|
display={'flex'}
|
|
alignItems={'center'}
|
|
fontWeight={500}
|
|
background={'#FBFBFC'}
|
|
borderBottom={'1px solid #F4F6F8'}
|
|
roundedTop={'lg'}
|
|
py={'10px'}
|
|
px={5}
|
|
>
|
|
{iconSrc && <Avatar mr={3} w={'20px'} src={iconSrc} />}
|
|
<Box flex={'1'} fontSize={'md'}>
|
|
{title}
|
|
</Box>
|
|
<DrawerCloseButton position={'relative'} fontSize={'sm'} top={0} right={0} />
|
|
</Flex>
|
|
|
|
<DrawerBody
|
|
overflowY={props?.overflowY || 'auto'}
|
|
display={'flex'}
|
|
flexDirection={'column'}
|
|
px={props?.px ?? 4}
|
|
>
|
|
{children}
|
|
<Loading loading={isLoading} fixed={false} />
|
|
</DrawerBody>
|
|
</DrawerContent>
|
|
</Drawer>
|
|
);
|
|
};
|
|
|
|
export default MyRightDrawer;
|