auto-claude: subtask-3-1 - Extract UnifiedDeliveryListView to dedicated component
Extracted UnifiedDeliveryListView from deliveries_page.dart to lib/components/unified_delivery_list.dart for better code organization and reusability. The component provides a unified delivery list experience supporting expanded and collapsed states for responsive sidebar layouts. Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
e5f267b4f7
commit
fcf7e83f13
61
lib/components/unified_delivery_list.dart
Normal file
61
lib/components/unified_delivery_list.dart
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import '../models/delivery.dart';
|
||||||
|
import '../l10n/app_localizations.dart';
|
||||||
|
import 'delivery_list_item.dart';
|
||||||
|
|
||||||
|
/// A unified list view for displaying deliveries with selection and action support.
|
||||||
|
///
|
||||||
|
/// This component provides a consistent delivery list experience across the app,
|
||||||
|
/// supporting both expanded and collapsed states for responsive sidebar layouts.
|
||||||
|
class UnifiedDeliveryListView extends StatelessWidget {
|
||||||
|
final List<Delivery> deliveries;
|
||||||
|
final Delivery? selectedDelivery;
|
||||||
|
final ScrollController scrollController;
|
||||||
|
final ValueChanged<Delivery> onDeliverySelected;
|
||||||
|
final Function(Delivery, String) onItemAction;
|
||||||
|
final bool isCollapsed;
|
||||||
|
|
||||||
|
const UnifiedDeliveryListView({
|
||||||
|
super.key,
|
||||||
|
required this.deliveries,
|
||||||
|
this.selectedDelivery,
|
||||||
|
required this.scrollController,
|
||||||
|
required this.onDeliverySelected,
|
||||||
|
required this.onItemAction,
|
||||||
|
this.isCollapsed = false,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final l10n = AppLocalizations.of(context);
|
||||||
|
if (deliveries.isEmpty) {
|
||||||
|
return Center(
|
||||||
|
child: Text(l10n.noDeliveries),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return RefreshIndicator(
|
||||||
|
onRefresh: () async {
|
||||||
|
// Trigger refresh via provider
|
||||||
|
},
|
||||||
|
child: ListView.builder(
|
||||||
|
controller: scrollController,
|
||||||
|
padding: const EdgeInsets.only(top: 4, bottom: 8),
|
||||||
|
physics: const AlwaysScrollableScrollPhysics(),
|
||||||
|
itemCount: deliveries.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final delivery = deliveries[index];
|
||||||
|
return DeliveryListItem(
|
||||||
|
delivery: delivery,
|
||||||
|
isSelected: selectedDelivery?.id == delivery.id,
|
||||||
|
onTap: () => onDeliverySelected(delivery),
|
||||||
|
onCall: () => onItemAction(delivery, 'call'),
|
||||||
|
onAction: (action) => onItemAction(delivery, action),
|
||||||
|
animationIndex: index,
|
||||||
|
isCollapsed: isCollapsed,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -12,7 +12,7 @@ import '../api/openapi_config.dart';
|
|||||||
import '../models/delivery_commands.dart';
|
import '../models/delivery_commands.dart';
|
||||||
import '../components/map_sidebar_layout.dart';
|
import '../components/map_sidebar_layout.dart';
|
||||||
import '../components/dark_mode_map.dart';
|
import '../components/dark_mode_map.dart';
|
||||||
import '../components/delivery_list_item.dart';
|
import '../components/unified_delivery_list.dart';
|
||||||
import '../utils/toast_helper.dart';
|
import '../utils/toast_helper.dart';
|
||||||
|
|
||||||
class DeliveriesPage extends ConsumerStatefulWidget {
|
class DeliveriesPage extends ConsumerStatefulWidget {
|
||||||
@ -508,59 +508,6 @@ class _DeliveriesPageState extends ConsumerState<DeliveriesPage> {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
class UnifiedDeliveryListView extends StatelessWidget {
|
|
||||||
final List<Delivery> deliveries;
|
|
||||||
final Delivery? selectedDelivery;
|
|
||||||
final ScrollController scrollController;
|
|
||||||
final ValueChanged<Delivery> onDeliverySelected;
|
|
||||||
final Function(Delivery, String) onItemAction;
|
|
||||||
final bool isCollapsed;
|
|
||||||
|
|
||||||
const UnifiedDeliveryListView({
|
|
||||||
super.key,
|
|
||||||
required this.deliveries,
|
|
||||||
this.selectedDelivery,
|
|
||||||
required this.scrollController,
|
|
||||||
required this.onDeliverySelected,
|
|
||||||
required this.onItemAction,
|
|
||||||
this.isCollapsed = false,
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
final l10n = AppLocalizations.of(context)!;
|
|
||||||
if (deliveries.isEmpty) {
|
|
||||||
return Center(
|
|
||||||
child: Text(l10n.noDeliveries),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return RefreshIndicator(
|
|
||||||
onRefresh: () async {
|
|
||||||
// Trigger refresh via provider
|
|
||||||
},
|
|
||||||
child: ListView.builder(
|
|
||||||
controller: scrollController,
|
|
||||||
padding: const EdgeInsets.only(top: 4, bottom: 8),
|
|
||||||
physics: const AlwaysScrollableScrollPhysics(),
|
|
||||||
itemCount: deliveries.length, // Show all deliveries with scrolling
|
|
||||||
itemBuilder: (context, index) {
|
|
||||||
final delivery = deliveries[index];
|
|
||||||
return DeliveryListItem(
|
|
||||||
delivery: delivery,
|
|
||||||
isSelected: selectedDelivery?.id == delivery.id,
|
|
||||||
onTap: () => onDeliverySelected(delivery),
|
|
||||||
onCall: () => onItemAction(delivery, 'call'),
|
|
||||||
onAction: (action) => onItemAction(delivery, action),
|
|
||||||
animationIndex: index,
|
|
||||||
isCollapsed: isCollapsed,
|
|
||||||
);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class DeliveryCard extends StatelessWidget {
|
class DeliveryCard extends StatelessWidget {
|
||||||
final Delivery delivery;
|
final Delivery delivery;
|
||||||
final bool isSelected;
|
final bool isSelected;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user