|
|
|
|
@ -9,10 +9,7 @@ import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
|
|
|
|
|
import TabSliderNew from '@/app/components/base/tab-slider-new'
|
|
|
|
|
import LabelFilter from '@/app/components/tools/labels/filter'
|
|
|
|
|
import SearchInput from '@/app/components/base/search-input'
|
|
|
|
|
import { DotsGrid } from '@/app/components/base/icons/src/vender/line/general'
|
|
|
|
|
import { Colors } from '@/app/components/base/icons/src/vender/line/others'
|
|
|
|
|
import { Route } from '@/app/components/base/icons/src/vender/line/mapsAndTravel'
|
|
|
|
|
import CustomCreateCard from '@/app/components/tools/provider/custom-create-card'
|
|
|
|
|
// import CustomCreateCard from '@/app/components/tools/provider/custom-create-card'
|
|
|
|
|
import ProviderDetail from '@/app/components/tools/provider/detail'
|
|
|
|
|
import Empty from '@/app/components/tools/add-tool-modal/empty'
|
|
|
|
|
import { fetchCollectionList } from '@/service/tools'
|
|
|
|
|
@ -31,9 +28,9 @@ const ProviderList = () => {
|
|
|
|
|
defaultTab: 'builtin',
|
|
|
|
|
})
|
|
|
|
|
const options = [
|
|
|
|
|
{ value: 'builtin', text: t('tools.type.builtIn'), icon: <DotsGrid className='w-[14px] h-[14px] mr-1' /> },
|
|
|
|
|
{ value: 'api', text: t('tools.type.custom'), icon: <Colors className='w-[14px] h-[14px] mr-1' /> },
|
|
|
|
|
{ value: 'workflow', text: t('tools.type.workflow'), icon: <Route className='w-[14px] h-[14px] mr-1' /> },
|
|
|
|
|
{ value: 'builtin', text: t('tools.type.builtIn') },
|
|
|
|
|
{ value: 'api', text: t('tools.type.custom') },
|
|
|
|
|
{ value: 'workflow', text: t('tools.type.workflow') },
|
|
|
|
|
]
|
|
|
|
|
const [tagFilterValue, setTagFilterValue] = useState<string[]>([])
|
|
|
|
|
const handleTagsChange = (value: string[]) => {
|
|
|
|
|
@ -100,7 +97,7 @@ const ProviderList = () => {
|
|
|
|
|
'relative grid content-start grid-cols-1 gap-4 px-12 pt-2 pb-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 grow shrink-0',
|
|
|
|
|
currentProvider && 'pr-6 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
|
|
|
|
|
)}>
|
|
|
|
|
{activeTab === 'api' && <CustomCreateCard onRefreshData={getProviderList} />}
|
|
|
|
|
{/* {activeTab === 'api' && <CustomCreateCard onRefreshData={getProviderList} />} */}
|
|
|
|
|
{filteredCollectionList.map(collection => (
|
|
|
|
|
<div
|
|
|
|
|
key={collection.id}
|
|
|
|
|
|