fix(cardpage): duplicate data appears after clicking refresh
This commit is contained in:
@@ -237,6 +237,10 @@ const BackendList = () => {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const handleRefresh = () => {
|
||||||
|
fetchData({ query: { ...queryParams, page: 1 } });
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<PageBox>
|
<PageBox>
|
||||||
<FilterBar
|
<FilterBar
|
||||||
@@ -251,7 +255,7 @@ const BackendList = () => {
|
|||||||
selectHolder={intl.formatMessage({ id: 'backend.filter.source' })}
|
selectHolder={intl.formatMessage({ id: 'backend.filter.source' })}
|
||||||
buttonText={intl.formatMessage({ id: 'backend.button.add' })}
|
buttonText={intl.formatMessage({ id: 'backend.button.add' })}
|
||||||
handleClickPrimary={handleAddBackend}
|
handleClickPrimary={handleAddBackend}
|
||||||
handleSearch={() => loadMore(1)}
|
handleSearch={handleRefresh}
|
||||||
handleSelectChange={handleFilterBySource}
|
handleSelectChange={handleFilterBySource}
|
||||||
handleInputChange={handleNameChange}
|
handleInputChange={handleNameChange}
|
||||||
rowSelection={rowSelection}
|
rowSelection={rowSelection}
|
||||||
|
|||||||
@@ -129,6 +129,10 @@ const GPUServiceTemplates: React.FC = () => {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const handleRefresh = () => {
|
||||||
|
fetchData({ query: { ...queryParams, page: 1 } });
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<PageBox>
|
<PageBox>
|
||||||
<FilterBar
|
<FilterBar
|
||||||
@@ -145,7 +149,7 @@ const GPUServiceTemplates: React.FC = () => {
|
|||||||
})}
|
})}
|
||||||
buttonText={intl.formatMessage({ id: 'gpuservice.template.add' })}
|
buttonText={intl.formatMessage({ id: 'gpuservice.template.add' })}
|
||||||
handleClickPrimary={handleAddTemplate}
|
handleClickPrimary={handleAddTemplate}
|
||||||
handleSearch={handleSearch}
|
handleSearch={handleRefresh}
|
||||||
handleSelectChange={handleFilterByManufacturer}
|
handleSelectChange={handleFilterByManufacturer}
|
||||||
handleInputChange={handleNameChange}
|
handleInputChange={handleNameChange}
|
||||||
rowSelection={rowSelection}
|
rowSelection={rowSelection}
|
||||||
|
|||||||
@@ -27,7 +27,6 @@ const Catalog: React.FC = () => {
|
|||||||
const {
|
const {
|
||||||
dataSource,
|
dataSource,
|
||||||
queryParams,
|
queryParams,
|
||||||
handleSearch,
|
|
||||||
fetchData,
|
fetchData,
|
||||||
handleQueryChange,
|
handleQueryChange,
|
||||||
loadMore,
|
loadMore,
|
||||||
@@ -112,6 +111,10 @@ const Catalog: React.FC = () => {
|
|||||||
navigate('/models/deployments');
|
navigate('/models/deployments');
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleSearch = () => {
|
||||||
|
fetchData({ query: { ...queryParams, page: 1 } });
|
||||||
|
};
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (dataSource.loadend) {
|
if (dataSource.loadend) {
|
||||||
const getCatalogSource = async () => {
|
const getCatalogSource = async () => {
|
||||||
@@ -138,7 +141,7 @@ const Catalog: React.FC = () => {
|
|||||||
marginBottom={22}
|
marginBottom={22}
|
||||||
marginTop={0}
|
marginTop={0}
|
||||||
buttonText={intl.formatMessage({ id: 'models.catalog.button.explore' })}
|
buttonText={intl.formatMessage({ id: 'models.catalog.button.explore' })}
|
||||||
handleSearch={() => loadMore(1)}
|
handleSearch={handleSearch}
|
||||||
handleSelectChange={handleCategoryChange}
|
handleSelectChange={handleCategoryChange}
|
||||||
handleClickPrimary={handleDeployFromOtherHubs}
|
handleClickPrimary={handleDeployFromOtherHubs}
|
||||||
handleInputChange={handleNameChange}
|
handleInputChange={handleNameChange}
|
||||||
|
|||||||
@@ -145,6 +145,12 @@ const UserModels: React.FC = () => {
|
|||||||
return result;
|
return result;
|
||||||
}, [dataSource.dataList]);
|
}, [dataSource.dataList]);
|
||||||
|
|
||||||
|
const handleRefresh = () => {
|
||||||
|
fetchData({
|
||||||
|
query: { ...queryParams, page: 1 }
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<PageBox>
|
<PageBox>
|
||||||
<PageTools
|
<PageTools
|
||||||
@@ -192,7 +198,7 @@ const UserModels: React.FC = () => {
|
|||||||
type="text"
|
type="text"
|
||||||
style={{ color: 'var(--ant-color-text-tertiary)' }}
|
style={{ color: 'var(--ant-color-text-tertiary)' }}
|
||||||
icon={<SyncOutlined></SyncOutlined>}
|
icon={<SyncOutlined></SyncOutlined>}
|
||||||
onClick={handleSearch}
|
onClick={handleRefresh}
|
||||||
></Button>
|
></Button>
|
||||||
</Space>
|
</Space>
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user