44 lines
1.0 KiB
TypeScript
44 lines
1.0 KiB
TypeScript
import React from 'react';
|
|
import { ModalBody, Box, useTheme } from '@chakra-ui/react';
|
|
import { ChatItemType } from '@/types/chat';
|
|
import MyModal from '../MyModal';
|
|
|
|
const ContextModal = ({
|
|
context = [],
|
|
onClose
|
|
}: {
|
|
context: ChatItemType[];
|
|
onClose: () => void;
|
|
}) => {
|
|
const theme = useTheme();
|
|
|
|
return (
|
|
<MyModal
|
|
isOpen={true}
|
|
onClose={onClose}
|
|
title={`完整对话记录(${context.length}条)`}
|
|
h={['90vh', '80vh']}
|
|
minW={['90vw', '600px']}
|
|
isCentered
|
|
>
|
|
<ModalBody pt={0} whiteSpace={'pre-wrap'} textAlign={'justify'} fontSize={'sm'}>
|
|
{context.map((item, i) => (
|
|
<Box
|
|
key={i}
|
|
p={2}
|
|
borderRadius={'lg'}
|
|
border={theme.borders.base}
|
|
_notLast={{ mb: 2 }}
|
|
position={'relative'}
|
|
>
|
|
<Box fontWeight={'bold'}>{item.obj}</Box>
|
|
<Box>{item.value}</Box>
|
|
</Box>
|
|
))}
|
|
</ModalBody>
|
|
</MyModal>
|
|
);
|
|
};
|
|
|
|
export default ContextModal;
|