DD: Pull up button, error text, ViewModel

ListView should really only be a list.
Makes more sense to add error after rfresh button.

1 files changed, 31 insertions, 7 deletions

diff --git a/lib/widgets/device_details.dart b/lib/widgets/device_details.dart
index 17319f4..0463522 100644
--- a/lib/widgets/device_details.dart
+++ b/lib/widgets/device_details.dart
@@ -30,14 +30,19 @@ class DeviceDetailsScreen extends StatefulWidget {
   final Device device;
   final DeviceConnection deviceConnection;
 
-  final BadgeMotiveSelection _motiveSelection;
+  late final BadgeMotiveSelection _motiveSelection;
+  late final BadgeMotiveViewModel _motiveVM;
 
   DeviceDetailsScreen({
     super.key,
     required this.device,
     required this.deviceConnection,
-  }) : _motiveSelection =
-           BadgeMotiveSelectionFactory.createBadgeMotiveSelection(device);
+  }) {
+    _motiveSelection = BadgeMotiveSelectionFactory.createBadgeMotiveSelection(
+      device,
+    );
+    _motiveVM = BadgeMotiveViewModel(motivSelect: _motiveSelection);
+  }
 
   @override
   State<StatefulWidget> createState() {
@@ -77,11 +82,30 @@ class DeviceDetailsState extends State<DeviceDetailsScreen> {
               children: [
                 SizedBox(height: 20),
                 Text("Connection state: ${value.toString()}"),
-                BadgeMotiveList(
-                  motiveVM: BadgeMotiveViewModel(
-                    motivSelect: widget._motiveSelection,
-                  ),
+                ElevatedButton(
+                  child: Text("Refresh"),
+                  onPressed: () async {
+                    await widget._motiveVM.updateMotives();
+                    await widget._motiveVM.getCurrentMotive();
+                  },
+                ),
+                ListenableBuilder(
+                  listenable: widget._motiveVM,
+                  builder: (errorCtx, child) {
+                    if (widget._motiveVM.errorMessage != null) {
+                      var theme = Theme.of(errorCtx);
+                      return Text(
+                        widget._motiveVM.errorMessage!,
+                        style: TextStyle(
+                          color: theme.colorScheme.error,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      );
+                    }
+                    return Container();
+                  },
                 ),
+                BadgeMotiveList(motiveVM: widget._motiveVM),
               ],
             );
           },