From e05b4788e0526619a360b05b7c24584606a1bdae Mon Sep 17 00:00:00 2001
From: Viktor Barzin <vbarzin@gmail.com>
Date: Mon, 23 Jun 2025 19:45:53 +0000
Subject: [PATCH] show spinner while running backgroun task

---
 crawler/frontend/src/components/ActiveQuery.tsx | 10 ++++++----
 crawler/frontend/tsconfig.app.tsbuildinfo       |  1 +
 crawler/frontend/tsconfig.node.tsbuildinfo      |  1 +
 3 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 crawler/frontend/tsconfig.app.tsbuildinfo
 create mode 100644 crawler/frontend/tsconfig.node.tsbuildinfo

diff --git a/crawler/frontend/src/components/ActiveQuery.tsx b/crawler/frontend/src/components/ActiveQuery.tsx
index 9f5a099..b23f58e 100644
--- a/crawler/frontend/src/components/ActiveQuery.tsx
+++ b/crawler/frontend/src/components/ActiveQuery.tsx
@@ -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}
diff --git a/crawler/frontend/tsconfig.app.tsbuildinfo b/crawler/frontend/tsconfig.app.tsbuildinfo
new file mode 100644
index 0000000..c9dbc69
--- /dev/null
+++ b/crawler/frontend/tsconfig.app.tsbuildinfo
@@ -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"}
\ No newline at end of file
diff --git a/crawler/frontend/tsconfig.node.tsbuildinfo b/crawler/frontend/tsconfig.node.tsbuildinfo
new file mode 100644
index 0000000..3015526
--- /dev/null
+++ b/crawler/frontend/tsconfig.node.tsbuildinfo
@@ -0,0 +1 @@
+{"root":["./vite.config.ts"],"version":"5.8.3"}
\ No newline at end of file