a2n-seattle / a2n-seattle/rms-app

Web redesign Phase 5/8: Multi-select return flow + Batches view

Offen
#337 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
idea priority-low
Vorherrschende Sprache
TypeScript
Sterne
1
Forks
1
Ø Merge
27 Min.
Gemergte PRs (30 T.)
4

Beschreibung

# Why?

**As a** user with multiple borrowed items
**I want** a multi-select return flow (instead of returning one item at a time) and a read-only view of batches
**So that** returning several items I borrowed together doesn't require repeating a single-item flow, matching our internal Retool RMS app's "Return Items" table and Batches tab.

# What?

Phase 5 of an 8-phase redesign of `web/` modeled after our internal Retool RMS app (`https://a2nseattle.retool.com/p/rms-alpha/main`). Can proceed in parallel with Phase 4 once Phase 1's design system has landed; no dependency on Phase 2 or 3.

Scope:
- Return-items page matching Retool's "Return Items" table: list of currently-borrowed items, multi-select, a shared notes field, and a single **"Confirm Return"** action.
- Reuses the existing `returnItem` API, which already accepts `ids: string[]` — this phase is about exposing that as a multi-select UI, not a backend change.
- **Batches** tab/page: read-only view over `BatchSchema`/`GetBatch`, both of which already exist backend-side (no new backend read needed).

# Testing

Per this repo's testing policy: Jest/RTL for the multi-select return UI, Playwright e2e for the multi-item return flow, and a smaller RTL/e2e check for the read-only Batches view rendering correctly.

# Additional context

Part of an 8-phase `web/` redesign series (#333 Phase 1, #334 Phase 2, #335 Phase 3, #336 Phase 4). Phase 7 (batched return with condition notes) supersedes/extends this phase's return flow with reservation-based grouping and per-item condition notes — expect this phase's return UI to be the starting point Phase 7 builds on, not final.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Die Arbeit umfasst die Erstellung einer neuen Rückgabeseite mit Mehrfachauswahl und einer schreibgeschützten Batches-Ansicht im Verzeichnis web/. Beginne mit der Untersuchung des vorhandenen returnItem-API-Aufrufs und der Typen BatchSchema/GetBatch. Sieh dir das Designsystem aus Phase 1 (#333) und den aktuellen Ablauf für die Rückgabe eines einzelnen Elements an. Schreibe Jest/RTL-Tests für die UI-Komponenten und Playwright-Tests für den End-to-End-Ablauf der Rückgabe mehrerer Elemente. „Done“ bedeutet, dass beide neuen Seiten implementiert und getestet sind und der Funktionalität der referenzierten Retool-App entsprechen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
playwright, react, typescript
Bereich
frontend, testing, web-dev
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.