Show a clear spinner while request searches are working

2026-09-11 23:11:14 +12:00
parent 8734f461bb
commit f57058eb26
2 changed files with 7 additions and 2 deletions
@@ -57,7 +57,7 @@ export default function LatestActivity({ operation, besideDownload, onDismiss }:
    <div className={`request-overview-block latest-activity ${besideDownload ? 'beside-download' : 'full-row'}`}>
      <button ref={trigger} type="button" className="latest-activity-trigger" onClick={() => setOpen(true)} aria-haspopup="dialog" aria-expanded={open}>
        <span className="latest-activity-heading"><span className="request-overview-label">Latest activity</span><span className={`latest-activity-badge is-${operation.status}`}>{status}</span></span>
-        <span className="latest-activity-message" role="status">{currentStep}</span>
+        <span className="latest-activity-message" role="status">{working && <span className="activity-spinner" aria-hidden="true" />}{currentStep}</span>
        {progress}
        <span className="latest-activity-more">View progress</span>
      </button>
@@ -68,7 +68,7 @@ export default function LatestActivity({ operation, besideDownload, onDismiss }:
            <button type="button" onClick={() => setOpen(false)}>Close</button>
          </header>
          <div className="activity-current" role="status" aria-live="polite" aria-atomic="true">
-            <p className="activity-current-step">{currentStep}</p>
+            <p className="activity-current-step">{working && <span className="activity-spinner" aria-hidden="true" />}{currentStep}</p>
            {progress}
            <p className="activity-next-step">{nextStep}</p>
          </div>