style: refactored ESenseConnectDialog into own Widget

1 files changed, 52 insertions, 0 deletions

diff --git a/lib/esense_connect_dialog.dart b/lib/esense_connect_dialog.dart
new file mode 100644
index 0000000..b598174
--- /dev/null
+++ b/lib/esense_connect_dialog.dart
@@ -0,0 +1,52 @@
+import 'package:flutter/material.dart';
+
+class ESenseConnectDialog extends StatefulWidget {
+  final void Function(String) connect;
+  final ValueNotifier<String> deviceStatus;
+  const ESenseConnectDialog(
+      {super.key, required this.deviceStatus, required this.connect});
+
+  @override
+  State<ESenseConnectDialog> createState() => _ESenseConnectDialogState();
+}
+
+class _ESenseConnectDialogState extends State<ESenseConnectDialog> {
+  String eSenseDeviceName = '';
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: const Text('Connect to ESense'),
+      content: Column(mainAxisSize: MainAxisSize.min, children: [
+        TextField(
+          onChanged: (input) {
+            setState(() {
+              eSenseDeviceName = input;
+            });
+          },
+          decoration: InputDecoration(
+            border: OutlineInputBorder(),
+            hintText: 'eSense-xxxx',
+            labelText: 'Device name',
+          ),
+        ),
+        // Text(eSenseDeviceName),
+        ValueListenableBuilder(
+            valueListenable: widget.deviceStatus,
+            builder: (BuildContext context, String value, Widget? child) {
+              return Text(value);
+            }),
+      ]),
+      actions: <Widget>[
+        TextButton(
+          onPressed: () => Navigator.pop(context, 'Cancel'),
+          child: const Text('Discard'),
+        ),
+        TextButton(
+          onPressed: () => widget.connect(eSenseDeviceName),
+          child: const Text('Connect'),
+        ),
+      ],
+    );
+  }
+}