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
66 lines
2.0 KiB
TypeScript
66 lines
2.0 KiB
TypeScript
import React, { useState } from 'react';
|
|
import MyModal from '@fastgpt/web/components/common/MyModal';
|
|
import { Box, Button, Flex, Grid, useTheme } from '@chakra-ui/react';
|
|
import { type PromptTemplateItem } from '@fastgpt/global/core/ai/type.d';
|
|
import { ModalBody, ModalFooter } from '@chakra-ui/react';
|
|
import { useTranslation } from 'next-i18next';
|
|
const PromptTemplate = ({
|
|
title,
|
|
templates,
|
|
onClose,
|
|
onSuccess
|
|
}: {
|
|
title: string;
|
|
templates: PromptTemplateItem[];
|
|
onClose: () => void;
|
|
onSuccess: (e: PromptTemplateItem) => void;
|
|
}) => {
|
|
const theme = useTheme();
|
|
const [selectTemplateTitle, setSelectTemplateTitle] = useState<PromptTemplateItem>();
|
|
const { t } = useTranslation();
|
|
return (
|
|
<MyModal isOpen title={title} onClose={onClose} iconSrc="/imgs/modal/prompt.svg">
|
|
<ModalBody h="100%" w={'600px'} maxW={'90vw'} overflowY={'auto'}>
|
|
<Grid gridTemplateColumns={['1fr', '1fr 1fr']} gridGap={4}>
|
|
{templates.map((item) => (
|
|
<Box
|
|
key={item.title}
|
|
border={theme.borders.base}
|
|
py={2}
|
|
px={2}
|
|
borderRadius={'md'}
|
|
cursor={'pointer'}
|
|
{...(item.title === selectTemplateTitle?.title
|
|
? {
|
|
bg: 'primary.50'
|
|
}
|
|
: {})}
|
|
onClick={() => setSelectTemplateTitle(item)}
|
|
>
|
|
<Box color={'myGray.900'}>{t(item.title as any)}</Box>
|
|
|
|
<Box color={'myGray.500'} fontSize={'xs'} whiteSpace={'pre-wrap'}>
|
|
{t(item.desc as any)}
|
|
</Box>
|
|
</Box>
|
|
))}
|
|
</Grid>
|
|
</ModalBody>
|
|
<ModalFooter>
|
|
<Button
|
|
disabled={!selectTemplateTitle}
|
|
onClick={() => {
|
|
if (!selectTemplateTitle) return;
|
|
onSuccess(selectTemplateTitle);
|
|
onClose();
|
|
}}
|
|
>
|
|
{t('common:confirm_choice')}
|
|
</Button>
|
|
</ModalFooter>
|
|
</MyModal>
|
|
);
|
|
};
|
|
|
|
export default PromptTemplate;
|