1 files changed, 64 insertions, 0 deletions
diff --git a/lib/widgets/esense_connect_dialog.dart b/lib/widgets/esense_connect_dialog.dart
new file mode 100644
index 0000000..2853ffe
--- /dev/null
+++ b/lib/widgets/esense_connect_dialog.dart
@@ -0,0 +1,64 @@
+import 'package:flutter/material.dart';
+import 'package:sense_the_rhythm/utils/esense_input.dart';
+
+class ESenseConnectDialog extends StatefulWidget {
+  final void Function(String) connect;
+  final VoidCallback disconnect;
+  final ValueNotifier<String> deviceStatus;
+
+  const ESenseConnectDialog(
+      {super.key,
+      required this.deviceStatus,
+      required this.connect,
+      required this.disconnect});
+
+  @override
+  State<ESenseConnectDialog> createState() => _ESenseConnectDialogState();
+}
+
+class _ESenseConnectDialogState extends State<ESenseConnectDialog> {
+  String _eSenseDeviceName = '';
+
+  @override
+  Widget build(BuildContext context) {
+    // rerender whenever the deviceStatus changes
+    return ValueListenableBuilder(
+        valueListenable: widget.deviceStatus,
+        builder: (BuildContext context, String deviceStatus, Widget? child) {
+          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),
+              Text(deviceStatus)
+            ]),
+            actions: <Widget>[
+              TextButton(
+                onPressed: () => Navigator.pop(context, 'Cancel'),
+                child: const Text('Close'),
+              ),
+              ESenseInput.instance.connected
+                  ? TextButton(
+                      onPressed: () => widget.disconnect(),
+                      child: const Text('Disconnect'),
+                    )
+                  : TextButton(
+                      onPressed: () => widget.connect(_eSenseDeviceName),
+                      child: const Text('Connect'),
+                    ),
+            ],
+          );
+        });
+  }
+}