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

1
crawler/frontend/tsconfig.app.tsbuildinfo Normal file
View file

@ -0,0 +1 @@
{"root":["./src/App.tsx","./src/AppSidebar.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/auth/authService.ts","./src/auth/config.ts","./src/components/ActiveQuery.tsx","./src/components/AlertError.tsx","./src/components/LoginModal.tsx","./src/components/Map.tsx","./src/components/Parameters.tsx","./src/components/ui/alert-dialog.tsx","./src/components/ui/alert.tsx","./src/components/ui/badge.tsx","./src/components/ui/breadcrumb.tsx","./src/components/ui/button.tsx","./src/components/ui/dialog.tsx","./src/components/ui/form.tsx","./src/components/ui/hover-card.tsx","./src/components/ui/input.tsx","./src/components/ui/label.tsx","./src/components/ui/progress.tsx","./src/components/ui/scroll-area.tsx","./src/components/ui/select.tsx","./src/components/ui/separator.tsx","./src/components/ui/sheet.tsx","./src/components/ui/sidebar.tsx","./src/components/ui/skeleton.tsx","./src/components/ui/tooltip.tsx","./src/hooks/use-mobile.ts","./src/lib/utils.ts"],"version":"5.8.3"}

1
crawler/frontend/tsconfig.node.tsbuildinfo Normal file
View file

@ -0,0 +1 @@
{"root":["./vite.config.ts"],"version":"5.8.3"}