From 61e01c52448cba5c36183a2e3153c20779e6c987 Mon Sep 17 00:00:00 2001
From: Kuba Orlik
Date: Sat, 9 Jul 2022 21:28:34 +0200
Subject: [PATCH] Display current action while polling screenshots
---
components/report-window/screenshot-generator.tsx | 4 ++++
1 file changed, 4 insertions(+)
diff --git a/components/report-window/screenshot-generator.tsx b/components/report-window/screenshot-generator.tsx
index b5dd5aa..8bf1019 100644
--- a/components/report-window/screenshot-generator.tsx
+++ b/components/report-window/screenshot-generator.tsx
@@ -20,6 +20,7 @@ type Screenshot = {
interface screenshotTask {
domains: string[];
elapsed_time_s: number;
+ current_action: string;
finished_time: number;
id: string;
images: Screenshot[];
@@ -68,6 +69,7 @@ export default function ScreenshotGenerator({
const [images, setImages] = React.useState([]);
const [taskId, setTaskId] = React.useState(null);
const [output, setOutput] = React.useState({});
+ const [currentAction, setCurrentAction] = React.useState('');
async function subscribeTask(path: string): Promise {
let response = { status: taskState.WAITING };
@@ -75,6 +77,7 @@ export default function ScreenshotGenerator({
await new Promise((resolve) => setTimeout(resolve, 1000));
response = await (await pollTask(path)).json();
setImages((response as screenshotTask)?.images);
+ setCurrentAction((response as screenshotTask)?.current_action);
document.querySelector('.images')?.scrollTo({
top: document.querySelector('.images')?.scrollHeight,
behavior: 'smooth',
@@ -156,6 +159,7 @@ export default function ScreenshotGenerator({
Nasz serwer właśnie odwiedza wskazaną przez Ciebie stronę
i przygotowuje zrzuty ekranów narzędzi deweloperskich.
+ {currentAction}
) : null}
{mode === 'finished' ? (