Function CreateCollection

frontend/src/components/createCollection/index.tsx:22–247

(props: createCollectionType)

import ApiErrorResponse, { ChildRefType } from '../../constant/index.ts'
import { useTranslation } from "react-i18next";
function CreateCollection(props: createCollectionType) {
    const { t } = useTranslation();
    const dispatch = useDispatch();
    const { modelsTableColumn } = CommonComponents();
    const { OpenDrawer, handleModalCloseOrOpen, handleFetchData } = props
    const [drawerName, setDrawerName] = useState('')
    const [descriptionText, setDescriptionText] = useState('')
    const [selectedRows, setSelectedRows] = useState<string[]>([])
    const [selectModelName, setSelectModelName] = useState<string | undefined>(undefined)
    const [selectValue, setSelectValue] = useState(1000)
    const [modelOne, setModelOne] = useState(false);
    const [recordsSelected, setRecordsSelected] = useState<string[]>([])
    const [updatePrevButton, setUpdatePrevButton] = useState(false)
    const [defaultSelectedRowKeys, setDefaultSelectedRowKeys] = useState([])
    const [modelHasMore, setModelHasMore] = useState(false)
    const [options, setOptions] = useState([])
    const childRef = useRef<ChildRefType | null>(null);
    useEffect(() => {
        const params = {
            limit: 20,
        }
        fetchModelsList(params)
    }, []);
    const [modalTableOpen, setModalTableOpen] = useState(false)
    const fetchModelsList = async (params: Record<string, string | number>,type?: string) => {
        if(type) {
            dispatch(fetchModelsData(20) as any);
        }
        try {
            const res: any = await getModelsList(params, 'text_embedding')
            const data = res.data.map((item: any) => {
                return {
                    ...item,
                    key: item.model_id,
                }
            })
            setModelHasMore(res.has_more)
            setOptions(data)
        } catch (error) {
            console.log(error)
        }
    }
    const handleCancel = () => {
        handleModalCloseOrOpen(false)
        setDrawerName('')
        setDescriptionText('')
        setSelectedRows([])
        setSelectModelName(undefined)
        setSelectValue(1000)
        setRecordsSelected([])
        setDefaultSelectedRowKeys([])
        setUpdatePrevButton(false)
    }
    const handleNameChange = (e: ChangeEvent<HTMLInputElement>) => {
        setDrawerName(e.target.value)
    }
    const handleSelectModelId = () => {
        setRecordsSelected([])