diff --git a/PanTS-Demo/src/routes/Homepage/components/LibraryHeader/index.tsx b/PanTS-Demo/src/routes/Homepage/components/LibraryHeader/index.tsx index 54efb7f7..9728e217 100644 --- a/PanTS-Demo/src/routes/Homepage/components/LibraryHeader/index.tsx +++ b/PanTS-Demo/src/routes/Homepage/components/LibraryHeader/index.tsx @@ -10,7 +10,6 @@ interface Props { showSaved: boolean; setShowSaved: React.Dispatch>; savedCases: SavedCase[]; - matchTotal: number | null; onBrowseAll: () => void; onShuffle: () => void; } @@ -19,7 +18,6 @@ export default function LibraryHeader({ showSaved, setShowSaved, savedCases, - matchTotal, onBrowseAll, onShuffle, }: Props) { @@ -44,13 +42,6 @@ export default function LibraryHeader({ ? "Back to browse" : `Saved${savedCases.length ? ` (${savedCases.length})` : ""}`} - {!showSaved && matchTotal !== null && ( - - {`${matchTotal.toLocaleString()} ${ - matchTotal === 1 ? "case matches" : "cases match" - }`} - - )} ); diff --git a/PanTS-Demo/src/routes/Homepage/index.tsx b/PanTS-Demo/src/routes/Homepage/index.tsx index ffb2e09c..4f7e21ef 100644 --- a/PanTS-Demo/src/routes/Homepage/index.tsx +++ b/PanTS-Demo/src/routes/Homepage/index.tsx @@ -30,7 +30,6 @@ export default function Homepage() { showSaved={dash.showSaved} setShowSaved={dash.setShowSaved} savedCases={dash.savedCases} - matchTotal={dash.matchTotal} onBrowseAll={dash.handleBrowseAll} onShuffle={dash.handleShuffle} /> @@ -96,6 +95,19 @@ export default function Homepage() { onCompare={dash.handleCompare} /> )} + {/* Match count moved out of the header to a fixed bar at the bottom of the + screen, so it's out of the way while filtering. */} + {!dash.showSaved && dash.matchTotal !== null && ( +
+ {`${dash.matchTotal.toLocaleString()} ${ + dash.matchTotal === 1 ? "case matches" : "cases match" + }`} +
+ )} + ); diff --git a/PanTS-Demo/src/routes/LandingPage/index.tsx b/PanTS-Demo/src/routes/LandingPage/index.tsx index 8da5ac9b..c9e5fae0 100644 --- a/PanTS-Demo/src/routes/LandingPage/index.tsx +++ b/PanTS-Demo/src/routes/LandingPage/index.tsx @@ -1,5 +1,4 @@ import { useEffect, useState } from "react"; -import { useNavigate } from "react-router-dom"; import { segmentation_categories } from "../../helpers/constants"; import Header from "../../components/Header"; import SiteFooter from "../../components/SiteFooter"; @@ -31,7 +30,6 @@ const easeOutCubic = (progress: number): number => { }; export default function LandingPage() { - const navigate = useNavigate(); const [animationProgress, setAnimationProgress] = useState(0); useEffect(() => { @@ -109,22 +107,6 @@ export default function LandingPage() { ))} -
- - -
diff --git a/PanTS-Demo/src/routes/UploadPage.tsx b/PanTS-Demo/src/routes/UploadPage.tsx index 27021764..e3987622 100644 --- a/PanTS-Demo/src/routes/UploadPage.tsx +++ b/PanTS-Demo/src/routes/UploadPage.tsx @@ -1897,7 +1897,11 @@ const UploadPage: React.FC = () => { width: "36px", height: "36px", borderRadius: "8px", flexShrink: 0, background: "rgba(15, 23, 42, 0.04)", border: "1px solid rgba(15, 23, 42, 0.12)", display: "flex", alignItems: "center", justifyContent: "center", - }}>
+ }}>{/* A static pulsing dot per scan instead of a spinning wheel: + multiple in-flight scans shouldn't each spin. The single + spinner lives in the batch ProcessingSummaryBar. */} + +
{u.label}