jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Fix isLoading state initialization and add delay before refreshing

Browse source
This commit is contained in:
Gabriel Luiz Freitas Almeida 2024-03-04 10:11:47 -03:00
commit 4421c8154d
2 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
View file

@ -69,7 +69,6 @@ export default function ParameterComponent({
const nodes = useFlowStore((state) => state.nodes); const nodes = useFlowStore((state) => state.nodes);
const edges = useFlowStore((state) => state.edges); const edges = useFlowStore((state) => state.edges);
const setNode = useFlowStore((state) => state.setNode); const setNode = useFlowStore((state) => state.setNode);
const [isLoading, setIsLoading] = useState(false);
const flow = currentFlow?.data?.nodes ?? null; const flow = currentFlow?.data?.nodes ?? null;

13
src/frontend/src/components/ui/refreshButton.tsx
View file

@ -13,13 +13,20 @@ function RefreshButton({
}) { }) {
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
const handleClick = () => { const handleClick = async () => {
setIsLoading(true); setIsLoading(true);
console.log("refreshing"); console.log("refreshing");
handleUpdateValues(name, data); handleUpdateValues(name, data);
setInterval(() => { try {
// Wait for at least 500 milliseconds
await new Promise((resolve) => setTimeout(resolve, 500));
// Continue with the request
// If the request takes longer than 500 milliseconds, it will not wait an additional 500 milliseconds
} catch (error) {
console.error("Error occurred while waiting for refresh:", error);
} finally {
setIsLoading(false); setIsLoading(false);
}, 500); }
}; };
return ( return (