From d1a87935503f54584412404c2165e3edd5ce82e6 Mon Sep 17 00:00:00 2001 From: LittleSheep Date: Thu, 6 Jun 2024 20:23:50 +0800 Subject: [PATCH] :sparkles: Connection state notifier --- lib/screens/channel/channel_chat.dart | 2 + lib/screens/contact.dart | 2 + lib/screens/realms.dart | 2 + lib/screens/social.dart | 2 + lib/widgets/current_state_action.dart | 56 +++++++++++++++++++++++++++ 5 files changed, 64 insertions(+) create mode 100644 lib/widgets/current_state_action.dart diff --git a/lib/screens/channel/channel_chat.dart b/lib/screens/channel/channel_chat.dart index 7717163..53e8f61 100644 --- a/lib/screens/channel/channel_chat.dart +++ b/lib/screens/channel/channel_chat.dart @@ -22,6 +22,7 @@ import 'package:solian/widgets/chat/call/chat_call_action.dart'; import 'package:solian/widgets/chat/chat_message.dart'; import 'package:solian/widgets/chat/chat_message_action.dart'; import 'package:solian/widgets/chat/chat_message_input.dart'; +import 'package:solian/widgets/current_state_action.dart'; class ChannelChatScreen extends StatefulWidget { final String alias; @@ -300,6 +301,7 @@ class _ChannelChatScreenState extends State { title: Text(title), centerTitle: false, actions: [ + const BackgroundStateWidget(), Builder(builder: (context) { if (_isBusy) return const SizedBox(); return ChatCallButton( diff --git a/lib/screens/contact.dart b/lib/screens/contact.dart index 8084111..a480926 100644 --- a/lib/screens/contact.dart +++ b/lib/screens/contact.dart @@ -12,6 +12,7 @@ import 'package:solian/theme.dart'; import 'package:solian/widgets/account/signin_required_overlay.dart'; import 'package:solian/widgets/channel/channel_list.dart'; import 'package:solian/widgets/chat/call/chat_call_indicator.dart'; +import 'package:solian/widgets/current_state_action.dart'; class ContactScreen extends StatefulWidget { const ContactScreen({super.key}); @@ -87,6 +88,7 @@ class _ContactScreenState extends State { centerTitle: false, titleSpacing: SolianTheme.isLargeScreen(context) ? null : 24, actions: [ + const BackgroundStateWidget(), const NotificationButton(), PopupMenuButton( icon: const Icon(Icons.add_circle), diff --git a/lib/screens/realms.dart b/lib/screens/realms.dart index 2067c01..176cecd 100644 --- a/lib/screens/realms.dart +++ b/lib/screens/realms.dart @@ -9,6 +9,7 @@ import 'package:solian/router.dart'; import 'package:solian/screens/account/notification.dart'; import 'package:solian/theme.dart'; import 'package:solian/widgets/account/signin_required_overlay.dart'; +import 'package:solian/widgets/current_state_action.dart'; class RealmListScreen extends StatefulWidget { const RealmListScreen({super.key}); @@ -75,6 +76,7 @@ class _RealmListScreenState extends State { centerTitle: false, titleSpacing: SolianTheme.isLargeScreen(context) ? null : 24, actions: [ + const BackgroundStateWidget(), const NotificationButton(), IconButton( icon: const Icon(Icons.add_circle), diff --git a/lib/screens/social.dart b/lib/screens/social.dart index 72b89a5..560a701 100644 --- a/lib/screens/social.dart +++ b/lib/screens/social.dart @@ -8,6 +8,7 @@ import 'package:solian/providers/content/post.dart'; import 'package:solian/router.dart'; import 'package:solian/screens/account/notification.dart'; import 'package:solian/theme.dart'; +import 'package:solian/widgets/current_state_action.dart'; import 'package:solian/widgets/posts/post_list.dart'; class SocialScreen extends StatefulWidget { @@ -82,6 +83,7 @@ class _SocialScreenState extends State { floating: true, titleSpacing: SolianTheme.isLargeScreen(context) ? null : 24, actions: [ + const BackgroundStateWidget(), const NotificationButton(), SizedBox( width: SolianTheme.isLargeScreen(context) ? 8 : 16, diff --git a/lib/widgets/current_state_action.dart b/lib/widgets/current_state_action.dart new file mode 100644 index 0000000..8dc5978 --- /dev/null +++ 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: () {}, + ), + ]); + }); + } +}