UI Phase 2 (L4): ISR status-pill consistency + shared status-kind mapper

The IT Service Requests list tile still used the legacy StatusPill (violet
"DRAFT"); make it semantic like the detail header. Extract the ISR status ->
StatusKind mapping into a shared helper so list and detail stay in sync.

- New isr_status_kind.dart (public isrStatusKind); removed the private duplicate
  from the detail screen.
- _RequestTile now uses StatusPill.kind(isrStatusKind(status), ...).

(The request cards were already content-dense; no layout change needed.)
Verified: flutter analyze lib clean; flutter build web green.

Co-Authored-By: claude-flow <ruv@ruv.net>
This commit is contained in:
2026-09-26 16:11:14 +08:00
parent ab5d385325
commit 7716460363
3 changed files with 23 additions and 14 deletions
@@ -0,0 +1,16 @@
import '../../models/it_service_request.model.dart';
import '../../theme/app_status_colors.dart';
/// Maps an IT service request status to a semantic [StatusKind] so its color
/// carries meaning consistently across the list and detail screens
/// (amber=pending approval, grey=scheduled, blue=in progress, green=completed,
/// grey=cancelled).
StatusKind isrStatusKind(String status) => switch (status) {
ItServiceRequestStatus.pendingApproval => StatusKind.warning,
ItServiceRequestStatus.scheduled => StatusKind.neutral,
ItServiceRequestStatus.inProgress => StatusKind.info,
ItServiceRequestStatus.inProgressDryRun => StatusKind.info,
ItServiceRequestStatus.completed => StatusKind.success,
ItServiceRequestStatus.cancelled => StatusKind.neutral,
_ => StatusKind.neutral,
};
@@ -31,6 +31,7 @@ import '../../widgets/mono_text.dart';
import '../../widgets/responsive_body.dart';
import '../../theme/app_status_colors.dart';
import '../../widgets/status_pill.dart';
import 'isr_status_kind.dart';
import 'it_service_request_pdf.dart';
class ItServiceRequestDetailScreen extends ConsumerStatefulWidget {
@@ -557,7 +558,7 @@ class _ItServiceRequestDetailScreenState
MonoText(request.requestNumber!),
const SizedBox(width: 12),
StatusPill.kind(
_isrStatusKind(request.status),
isrStatusKind(request.status),
label: ItServiceRequestStatus.label(request.status),
),
const Spacer(),
@@ -2246,15 +2247,3 @@ class _EvidenceSectionState extends ConsumerState<_EvidenceSection> {
}
}
/// Maps an IT service request status to a semantic [StatusKind]
/// (amber=pending approval, blue=scheduled/in-progress, green=completed,
/// grey=cancelled).
StatusKind _isrStatusKind(String status) => switch (status) {
ItServiceRequestStatus.pendingApproval => StatusKind.warning,
ItServiceRequestStatus.scheduled => StatusKind.info,
ItServiceRequestStatus.inProgress => StatusKind.info,
ItServiceRequestStatus.inProgressDryRun => StatusKind.info,
ItServiceRequestStatus.completed => StatusKind.success,
ItServiceRequestStatus.cancelled => StatusKind.neutral,
_ => StatusKind.neutral,
};
@@ -19,6 +19,7 @@ import '../../utils/app_time.dart';
import '../../utils/snackbar.dart';
import '../../theme/app_status_colors.dart';
import '../../widgets/app_status_summary.dart';
import 'isr_status_kind.dart';
import '../../widgets/m3_card.dart';
import '../../widgets/mono_text.dart';
import '../../widgets/reconnect_overlay.dart';
@@ -669,7 +670,10 @@ class _RequestTile extends StatelessWidget {
if (request.requestNumber != null)
MonoText(request.requestNumber!),
const Spacer(),
StatusPill(label: ItServiceRequestStatus.label(request.status)),
StatusPill.kind(
isrStatusKind(request.status),
label: ItServiceRequestStatus.label(request.status),
),
],
),
const SizedBox(height: 8),