Function Retrieval

frontend/src/components/retrieval/index.tsx:32–455

()

    Space, Drawer, Popover, Input, Tooltip, Spin, Select, Modal, Button
} from 'antd';
function Retrieval() {
    const { t } = useTranslation();
    const { retrievalLists } = useSelector((state: any) => state.retrieval);
    const dispatch = useDispatch();
    const [isVisible, setIsVisible] = useState(true);
    const [record, setRecord] = useState<any>({})

    const { modelsTableColumn, collectionTableColumn } = CommendComponent();
    const { tooltipEditTitle, tooltipRecordTitle, tooltipMoreTitle } = tooltipTitle();
    // const { tooltipEditTitle, tooltipChunkTitle, tooltipRecordTitle, tooltipMoreTitle } = tooltipTitle();
    const handleViewCode = () => {
        setIsVisible(false)
        setViewCodeOpen(true)
    }
    const content = (
        <div style={{ cursor: 'pointer' }}>
            <p className={styles['popover-eidt']} onClick={() => handleRecord(record, 'Chunks')}>Chunks</p>

            <p className={styles['popover-eidt']} onClick={handleViewCode}>View code</p>
            <p className={styles['popover-delete']} onClick={() => handleDelete(record)}>Delete</p>

        </div>
    );
    const columns = [...collectionTableColumn]
    columns.push({
        title: `${t('projectColumnActions')}`,
        key: 'action',
        fixed: 'right',
        width: 157,
        render: (_: string, record: object) => (
            <Space size="middle">
                <div className='table-edit-icon' onClick={() => handleRecord(record, 'Records')}>
                    <Tooltip placement='bottom' color="#fff" arrow={false} overlayClassName='table-tooltip' title={tooltipRecordTitle}>
                        <RecordIcon />
                    </Tooltip>
                </div>
               
                <div onClick={() => handleEdit(record)} className='table-edit-icon'>
                    <Tooltip placement='bottom' title={tooltipEditTitle} color='#fff' arrow={false} overlayClassName='table-tooltip'>
                        <EditIcon/>
                    </Tooltip>
                </div>
                <div className='table-edit-icon' onClick={() => setRecord(record)}>
                    {isVisible ? <Tooltip placement='bottom' title={tooltipMoreTitle} color='#fff' arrow={false} overlayClassName='table-tooltip'>
                        <Popover trigger="click" placement='bottom' content={content} arrow={false}>
                        <MoreIcon  />
                        </Popover>
                    </Tooltip> :  <MoreIcon  />}
                </div>
            </Space>
        ),
    },)
    const [promptList, setPromptList] = useState([])
    const [hasMore, setHasMore] = useState(false)
    const [modelHasMore, setModelHasMore] = useState(false)
    const [OpenDrawer, setOpenDrawer] = useState(false)
    const [loading, setLoading] = useState(false);
    const [viewCodeData, setViewCodeData] = useState('')