Function CommonComponents

frontend/src/contents/index.tsx:15–515

()

import WildCardIcon from '@/assets/img/wildcard.svg?react'
import RerankIcon from '@/assets/img/rerankIcon.svg?react'
function CommonComponents() {
    const { t } = useTranslation()
    const statusReverse = {
        creating: 'orange',
        ready: 'green',
        error: 'red',
        deleting: 'red',
        Inviting: 'orange',
        Active: 'green',
        Rejected: 'red'
    }
    const typeIcon = {
        chat_completion: <ChatCompletionIcon />,
        text_embedding: <TextEmbeddingIcon />,
        wildcard: <WildCardIcon />,
        rerank: <RerankIcon/>
    }
    const reverseLabel: Record<string, any> = {
        naive: 'Naive',
        zero: 'Zero',
        [`message_window`]: 'Message Window',
    }
    const handleCopy = (text: string) => {
        const clipboard = new ClipboardJS('.icon-copy', {
            text: () => text
        });
        clipboard.on('success', function () {
            toast.success('Copied to clipboard')
            clipboard.destroy()
        });
        clipboard.on('error', function (e) {
            console.log(e);
        });
    }


    const typeReverse: Record<string, string> = {
        instruct_completion: 'Instruct Completion',
        chat_completion: 'Chat Completion',
        text_embedding: 'Text Embedding'
    }
    const modelsTableColumn: any = [
        {
            title: `${t('projectModelColumnName')}`,
            dataIndex: 'name',
            key: 'name',
            fixed: 'left',
            width: 240,
            render: (text: string, record: any) =>
                <div>
                    <p className='table-text' style={{ fontSize: '14px' }}>{text || 'Untitled Model'}</p>
                    <p style={{ display: 'flex', alignItems: 'center', margin: 0, lineHeight: '18px' }}>
                        <span style={{ fontSize: '12px', color: '#777', lineHeight: '18px' }}>{record.model_id}</span><CopyOutlined className='icon-copy' onClick={() => handleCopy(record.model_id)} />
                    </p>
                </div>
            ,
        },
        {