Git/mgeeky-decode-spam-headers
1
0
Fork 0
mirror of https://github.com/mgeeky/decode-spam-headers.git synced 2026-02-22 13:33:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

MAESTRO: render progress indicator during analysis

Browse Source
This commit is contained in:
Mariusz Banach
2026-02-18 02:23:31 +01:00
parent 1a041a0d59
commit 31c458c4d8
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/page.tsx
View File

@@ -5,6 +5,7 @@ import { useCallback, useState } from "react";
import AnalyseButton from "../components/AnalyseButton";
import FileDropZone from "../components/FileDropZone";
import HeaderInput from "../components/HeaderInput";
import ProgressIndicator from "../components/ProgressIndicator";
import useAnalysis from "../hooks/useAnalysis";
import { MAX_HEADER_INPUT_BYTES } from "../lib/header-validation";
import type { AnalysisConfig } from "../types/analysis";
@@ -17,11 +18,12 @@ const defaultConfig: AnalysisConfig = {
export default function Home() {
const [headerInput, setHeaderInput] = useState("");
const { status, submit } = useAnalysis();
const { status, progress, submit } = useAnalysis();
const hasHeaderInput = headerInput.trim().length > 0;
const isOversized = headerInput.length > MAX_HEADER_INPUT_BYTES;
const canAnalyse = hasHeaderInput && !isOversized;
const isLoading = status === "submitting" || status === "analysing";
const showProgress = status === "analysing";
const handleAnalyse = useCallback(() => {
if (!canAnalyse) {
@@ -77,6 +79,14 @@ export default function Home() {
</div>
</div>
</div>
{showProgress ? (
<ProgressIndicator
status={status}
progress={progress}
timeoutSeconds={30}
/>
) : null}
</div>
</section>
</div>