diff --git a/src/Components/CustomFields/SelectTag.tsx b/src/Components/CustomFields/SelectTag.tsx new file mode 100644 index 0000000..7e2ae54 --- /dev/null +++ b/src/Components/CustomFields/SelectTag.tsx @@ -0,0 +1,74 @@ +import React, { useState, useMemo } from 'react'; +import { Select, Spin } from 'antd'; +import { useTranslation } from 'react-i18next'; +import { useDebounce } from '../../utils/useDebounce'; +import { useGetAllTag } from '../../api/tags'; + +const SelectTag: React.FC = () => { + const [searchValue, setSearchValue] = useState(''); + const [fieldValue, setFieldValue] = useState(''); + + const handleChange = (value: string[]) => { + setSearchValue(''); + setFieldValue(''); + }; + + const handleSearch = useDebounce((value: string) => { + setSearchValue(value); + + }); + + const handleFieldChange = (value: string) => { + setFieldValue(value); + + }; + + const handleBlur = () => { + setSearchValue(''); + setFieldValue(''); + }; + + const { data, isLoading } = useGetAllTag({ + name: searchValue, + }); + + const [t] = useTranslation(); + + const options = data?.data ?? [] + console.log(options,"options"); + const additionalData = options?.length < 1 && searchValue.length > 1 && !isLoading ? [{id:`new_${searchValue}`,name:searchValue}] :[]; + console.log(additionalData); + + return ( +
+ + +