open_wearable/lib/widgets/fota/stepper_view/update_view.dart: show timer for firmware verification

Author: DennisMoschina

open_wearable/lib/widgets/fota/stepper_view/update_view.dart

@@ -1,3 +1,5 @@
+import 'dart:async';
+
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
@@ -29,15 +31,17 @@ class UpdateStepView extends StatelessWidget {
             );
           case UpdateFirmwareStateHistory():
             return Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                for (var state in state.history)
+                for (var s in state.history)
                   Row(
                     children: [
                       _stateIcon(
-                        state,
+                        s,
                         Colors.green,
                       ),
-                      PlatformText(state.stage),
+                      const SizedBox(width: 8),
+                      PlatformText(s.stage),
                     ],
                   ),
                 if (state.currentState != null)
@@ -54,6 +58,7 @@ class UpdateStepView extends StatelessWidget {
                       _currentState(state),
                     ],
                   ),
+                const SizedBox(height: 12),
                 if (state.isComplete && state.updateManager?.logger != null)
                   ElevatedButton(
                     onPressed: () {
@@ -76,14 +81,23 @@ class UpdateStepView extends StatelessWidget {
                     },
                     child: PlatformText('Update Again'),
                   ),
+
+                // Verification info + countdown
                 if (state.isComplete &&
                     state.history.last is UpdateCompleteSuccess)
-                  PlatformText(
-                    'Firmware upload complete.\n\n'
-                    'The image has been successfully uploaded and is now being verified by the device. '
-                    'The device will automatically restart once verification is complete.\n\n'
-                    'This may take up to 3 minutes. Please keep the device powered on and nearby.',
-                    textAlign: TextAlign.start,
+                  Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      PlatformText(
+                        'Firmware upload complete.\n\n'
+                        'The image has been successfully uploaded and is now being verified by the device. '
+                        'The device will automatically restart once verification is complete.\n\n'
+                        'This may take up to 3 minutes. Please keep the device powered on and nearby.',
+                        textAlign: TextAlign.start,
+                      ),
+                      const SizedBox(height: 8),
+                      const _VerificationCountdown(),
+                    ],
                   ),
               ],
             );
@@ -139,3 +153,62 @@ class UpdateStepView extends StatelessWidget {
     );
   }
 }
+
+/// Small stateful widget that starts a 3-minute countdown when built.
+/// It appears only once the firmware upload completed successfully.
+class _VerificationCountdown extends StatefulWidget {
+  const _VerificationCountdown();
+
+  @override
+  State<_VerificationCountdown> createState() => _VerificationCountdownState();
+}
+
+class _VerificationCountdownState extends State<_VerificationCountdown> {
+  static const Duration _total = Duration(minutes: 3);
+  late Duration _remaining;
+  Timer? _timer;
+
+  @override
+  void initState() {
+    super.initState();
+    _remaining = _total;
+
+    _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
+      if (!mounted) {
+        timer.cancel();
+        return;
+      }
+      if (_remaining.inSeconds <= 1) {
+        setState(() {
+          _remaining = Duration.zero;
+        });
+        timer.cancel();
+      } else {
+        setState(() {
+          _remaining -= const Duration(seconds: 1);
+        });
+      }
+    });
+  }
+
+  @override
+  void dispose() {
+    _timer?.cancel();
+    super.dispose();
+  }
+
+  String _format(Duration d) {
+    final m = d.inMinutes.remainder(60).toString().padLeft(2, '0');
+    final s = d.inSeconds.remainder(60).toString().padLeft(2, '0');
+    return '$m:$s';
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return PlatformText(
+      'Estimated remaining: ${_format(_remaining)}',
+      textAlign: TextAlign.start,
+      style: Theme.of(context).textTheme.bodyLarge?.copyWith(fontSize: 16),
+    );
+  }
+}