fix: reset update instance list flag
This commit is contained in:
@@ -144,6 +144,7 @@ const Models: React.FC<ModelsProps> = ({
|
||||
defaultSortOrder: 'descend'
|
||||
});
|
||||
|
||||
const updateRef = useRef(false);
|
||||
const [openLogModal, setOpenLogModal] = useState(false);
|
||||
const [openAddModal, setOpenAddModal] = useState(false);
|
||||
const [openDeployModal, setOpenDeployModal] = useState<any>({
|
||||
@@ -673,10 +674,11 @@ const Models: React.FC<ModelsProps> = ({
|
||||
const renderChildren = useCallback(
|
||||
(list: any, parent?: any) => {
|
||||
let childList = list;
|
||||
if (allInstances.length) {
|
||||
if (allInstances.length && !updateRef.current) {
|
||||
childList = list.filter((item: any) => {
|
||||
return allInstances.some((instance) => instance.id === item.id);
|
||||
});
|
||||
updateRef.current = true;
|
||||
}
|
||||
return (
|
||||
<InstanceItem
|
||||
@@ -744,6 +746,20 @@ const Models: React.FC<ModelsProps> = ({
|
||||
}
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
const handleVisibilityChange = async () => {
|
||||
if (document.visibilityState === 'hidden') {
|
||||
updateRef.current = false;
|
||||
}
|
||||
};
|
||||
|
||||
document.addEventListener('visibilitychange', handleVisibilityChange);
|
||||
|
||||
return () => {
|
||||
document.removeEventListener('visibilitychange', handleVisibilityChange);
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<>
|
||||
<PageContainer
|
||||
|
||||
@@ -80,7 +80,6 @@ const Models: React.FC = () => {
|
||||
const data: any = await queryModelsInstances(params, {
|
||||
token: instancesToken.current?.token
|
||||
});
|
||||
console.log('instance====', data);
|
||||
setAllInstances(data.items || []);
|
||||
} catch (error) {
|
||||
// ignore
|
||||
|
||||
Reference in New Issue
Block a user