diff --git a/src/pages/llmodels/catalog.tsx b/src/pages/llmodels/catalog.tsx index 4d2dc329..5fb38c64 100644 --- a/src/pages/llmodels/catalog.tsx +++ b/src/pages/llmodels/catalog.tsx @@ -147,13 +147,13 @@ const Catalog: React.FC = () => { fetchData(); }; - const handleNameChange = (e: any) => { + const handleNameChange = _.debounce((e: any) => { setQueryParams({ ...queryParams, page: 1, search: e.target.value }); - }; + }, 350); const handleCategoryChange = (value: any) => { setQueryParams({ diff --git a/src/pages/llmodels/components/catalog-item.tsx b/src/pages/llmodels/components/catalog-item.tsx index 1ea2a269..da46b9bf 100644 --- a/src/pages/llmodels/components/catalog-item.tsx +++ b/src/pages/llmodels/components/catalog-item.tsx @@ -1,12 +1,11 @@ import fallbackImg from '@/assets/images/img.png'; -import IMG from '@/assets/images/small-logo-200x200.png'; import AutoTooltip from '@/components/auto-tooltip'; import IconFont from '@/components/icon-font'; import TagWrapper from '@/components/tags-wrapper'; import { Tag, Typography } from 'antd'; import classNames from 'classnames'; import _ from 'lodash'; -import React, { useCallback, useMemo } from 'react'; +import React, { useCallback } from 'react'; import { modelCategories } from '../config'; import { CatalogItem as CatalogItemType } from '../config/types'; import '../style/catalog-item.less'; @@ -24,15 +23,6 @@ const CatalogItem: React.FC = (props) => { onClick(data); }, [data, onClick]); - const icon = useMemo(() => { - const home = data.home?.replace(/\/$/, ''); - const icon = data.icon?.replace(/^\//, ''); - if (icon) { - return data.icon; - } - return IMG; - }, [data]); - const handleOnError = (e: any) => { e.target.src = fallbackImg; };