✨ Connection state notifier

2024-06-06 20:23:50 +08:00
parent df7dd85a0c
commit d1a8793550
5 changed files with 64 additions and 0 deletions
--- a/lib/widgets/current_state_action.dart
+++ b/lib/widgets/current_state_action.dart
@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
+import 'package:get/get.dart';
+import 'package:solian/providers/account.dart';
+import 'package:solian/providers/chat.dart';
+
+class BackgroundStateWidget extends StatelessWidget {
+  const BackgroundStateWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final AccountProvider account = Get.find();
+    final ChatProvider chat = Get.find();
+
+    return Obx(() {
+      final disconnected =
+          chat.isConnected.isFalse || account.isConnected.isFalse;
+      final connecting =
+          chat.isConnecting.isTrue || account.isConnecting.isTrue;
+
+      return Row(children: [
+        if (disconnected && !connecting)
+          IconButton(
+            tooltip: [
+              if (account.isConnected.isFalse)
+                'Lost Connection with Passport Server...',
+              if (chat.isConnected.isFalse)
+                'Lost Connection with Messaging Server...',
+            ].join('\n'),
+            icon: const Icon(Icons.wifi_off)
+                .animate(onPlay: (c) => c.repeat())
+                .fadeIn(duration: 500.ms)
+                .then()
+                .fadeOut(duration: 500.ms),
+            onPressed: () {
+              if (account.isConnected.isFalse) account.connect();
+              if (chat.isConnected.isFalse) chat.connect();
+            },
+          ),
+        if (connecting)
+          IconButton(
+            tooltip: [
+              if (account.isConnecting.isTrue)
+                'Waiting Passport Server Response...',
+              if (chat.isConnecting.isTrue)
+                'Waiting Messaging Server Response...',
+            ].join('\n'),
+            icon: const Icon(Icons.sync)
+                .animate(onPlay: (c) => c.repeat())
+                .rotate(duration: 1850.ms, begin: 1, end: 0),
+            onPressed: () {},
+          ),
+      ]);
+    });
+  }
+}