viktor/wrongmove
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

show spinner while running backgroun task

Browse source
This commit is contained in:
Viktor Barzin 2025-06-23 19:45:53 +00:00
parent 5a9a837b27
commit e05b4788e0
No known key found for this signature in database
GPG key ID: 4056458DBDBF8863
3 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
crawler/frontend/src/components/ActiveQuery.tsx
View file

@ -2,6 +2,7 @@ import { getUser } from '@/auth/authService';
import type { User } from 'oidc-client-ts';
import React, { useEffect, useState } from 'react';
import AlertError from './AlertError';
import { Spinner } from './Spinner';
import { HoverCard, HoverCardContent, HoverCardTrigger } from './ui/hover-card';
import { Progress } from './ui/progress';
@ -101,11 +102,11 @@ const ActiveQuery: React.FC<ModalProps> = ({
setLastUpdateTime(new Date());
// const taskStatus = getTaskStatus(data.status);
const taskStatus = data.status;
if (taskStatus === "FAILURE") {
clearInterval(interval);
throw new Error('Task failed');
}
setTaskStatus(taskStatus);
if (taskStatus === "FAILURE" || taskStatus === "REVOKED") {
clearInterval(interval);
throw new Error('Task failed. status: ' + taskStatus);
}
// const progress = taskStatusToProgress(taskStatus);
const parsedResult = JSON.parse(data.result)
setProgressPercentage(parsedResult.progress * 100);
@ -134,6 +135,7 @@ const ActiveQuery: React.FC<ModalProps> = ({
<HoverCardTrigger>
{taskStatus && <>Task status: {taskStatus} </>}
<Progress value={progressPercentage} />
{taskStatus && taskStatus !== 'SUCCESS' && taskStatus !== 'FAILURE' && taskStatus !== 'REVOKED' && <Spinner />}
</HoverCardTrigger>
<HoverCardContent>
Task ID: {taskID}