Added components to article

lib/feature/delivery/overview/presentation/delivery_item.dart

@@ -11,12 +11,12 @@ import '../../detail/service/notes_service.dart';
 
 class DeliveryListItem extends StatelessWidget {
   final Delivery delivery;
-  final double distance;
+  final double? distance;
 
   const DeliveryListItem({
     super.key,
     required this.delivery,
-    required this.distance,
+    this.distance,
   });
 
   void _goToDelivery(BuildContext context) {
@@ -59,11 +59,14 @@ class DeliveryListItem extends StatelessWidget {
           "Pausiert",
         );
       case DeliveryState.ongoing:
+        final distanceLabel = distance != null && !distance!.isNaN
+            ? "${distance!.toStringAsFixed(1)} km"
+            : "–";
         return (
           Theme.of(context).colorScheme.surfaceContainerLow,
           Colors.transparent,
           Icons.local_shipping_outlined,
-          "${distance.toStringAsFixed(1)} km",
+          distanceLabel,
         );
     }
   }

lib/feature/delivery/overview/presentation/delivery_list.dart

@@ -43,7 +43,7 @@ class _DeliveryListState extends State<DeliveryList> {
 
         return DeliveryListItem(
           delivery: delivery,
-          distance: distances[delivery.id] ?? 0.0,
+          distance: distances[delivery.id],
         );
       },
       itemCount: sortingInformation.length,
@@ -114,7 +114,7 @@ class _DeliveryListState extends State<DeliveryList> {
             itemCount: sorted.length,
             itemBuilder: (context, index) => DeliveryListItem(
               delivery: sorted[index],
-              distance: currentState.distances?[sorted[index].id] ?? 0.0,
+              distance: currentState.distances?[sorted[index].id],
             ),
           );
         }

lib/feature/delivery/overview/presentation/delivery_overview.dart

@@ -18,11 +18,9 @@ class DeliveryOverview extends StatefulWidget {
   const DeliveryOverview({
     super.key,
     required this.tour,
-    required this.distances,
   });
 
   final Tour tour;
-  final Map<String, double> distances;
 
   @override
   State<StatefulWidget> createState() => _DeliveryOverviewState();

lib/feature/delivery/overview/presentation/delivery_overview_page.dart

@@ -4,7 +4,7 @@ import 'package:hl_lieferservice/feature/car_selection/bloc/bloc.dart';
 import 'package:hl_lieferservice/feature/car_selection/bloc/state.dart';
 import 'package:hl_lieferservice/feature/delivery/overview/presentation/delivery_fail_page.dart';
 import 'package:hl_lieferservice/feature/delivery/overview/presentation/delivery_overview.dart';
-
+import 'package:hl_lieferservice/model/tour.dart';
 import '../../bloc/tour_bloc.dart';
 import '../../bloc/tour_state.dart';
 
@@ -16,6 +16,36 @@ class DeliveryOverviewPage extends StatefulWidget {
 }
 
 class _DeliveryOverviewPageState extends State<DeliveryOverviewPage> {
+  Widget _buildOverviewWithBanner({
+    required Tour tour,
+    required String bannerText,
+  }) {
+    return Column(
+      children: [
+        Material(
+          color: Colors.amber.shade100,
+          child: Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+            child: Row(
+              children: [
+                const SizedBox(
+                  width: 16,
+                  height: 16,
+                  child: CircularProgressIndicator(strokeWidth: 2),
+                ),
+                const SizedBox(width: 12),
+                Expanded(child: Text(bannerText)),
+              ],
+            ),
+          ),
+        ),
+        Expanded(
+          child: DeliveryOverview(tour: tour),
+        ),
+      ],
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     final carState = context.watch<CarSelectBloc>().state;
@@ -54,10 +84,13 @@ class _DeliveryOverviewPageState extends State<DeliveryOverviewPage> {
       body: BlocBuilder<TourBloc, TourState>(
         builder: (context, state) {
           if (state is TourLoaded) {
-            return DeliveryOverview(
-              tour: state.tour,
-              distances: state.distances ?? {},
-            );
+            if (state.distances == null) {
+              return _buildOverviewWithBanner(
+                tour: state.tour,
+                bannerText: "Berechne Distanzen…",
+              );
+            }
+            return DeliveryOverview(tour: state.tour);
           }
 
           if (state is TourLoadingFailed) {