Apply Stitch media operations redesign

2026-09-01 22:58:48 +12:00
parent 32bfa20ab7
commit f65e1b114c
6 changed files with 1003 additions and 16 deletions
@@ -306,6 +306,15 @@ export default function NewRequestClient() {
  }

  const selectedPoster = artworkUrl(selected?.posterPath, 'w185')
+  const currentFlowStep = success
+    ? 5
+    : selected
+      ? 4
+      : searchAttempted
+        ? 3
+        : mediaType
+          ? 2
+          : 1

  return (
    <main className="card request-portal-page">
@@ -322,6 +331,18 @@ export default function NewRequestClient() {
        </div>
      </header>

+      <ol className="request-master-stepper" aria-label="New request progress">
+        {['Type', 'Search', 'Select', 'Config', 'Submit'].map((label, index) => {
+          const step = index + 1
+          return (
+            <li key={label} className={step === currentFlowStep ? 'is-active' : step < currentFlowStep ? 'is-complete' : ''}>
+              <span>{step < currentFlowStep ? '✓' : step}</span>
+              <strong>{label}</strong>
+            </li>
+          )
+        })}
+      </ol>
+
      {error && <div className="error-banner request-flow-alert">{error}</div>}
      {success && <div className="status-banner request-flow-alert">{success}</div>}