✨ API network request status
This commit is contained in:
@@ -34,22 +34,43 @@ class AppWrapper extends HookConsumerWidget {
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final networkStateShowing = useState(false);
|
||||
final websocketState = ref.watch(websocketStateProvider);
|
||||
final apiState = ref.watch(networkStatusProvider);
|
||||
final isShowSnow = useState(false);
|
||||
final isSnowGone = useState(false);
|
||||
|
||||
// Handle network status modal
|
||||
if (websocketState == WebSocketState.duplicateDevice() &&
|
||||
!networkStateShowing.value) {
|
||||
networkStateShowing.value = true;
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
showModalBottomSheet(
|
||||
context: context,
|
||||
isScrollControlled: true,
|
||||
isDismissible: false,
|
||||
builder: (context) => NetworkStatusSheet(autoClose: true),
|
||||
).then((_) => networkStateShowing.value = false);
|
||||
});
|
||||
}
|
||||
useEffect(() {
|
||||
bool triedOpen = false;
|
||||
if (websocketState == WebSocketState.duplicateDevice() &&
|
||||
!networkStateShowing.value &&
|
||||
!triedOpen) {
|
||||
networkStateShowing.value = true;
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
showModalBottomSheet(
|
||||
context: context,
|
||||
isScrollControlled: true,
|
||||
isDismissible: false,
|
||||
builder: (context) => NetworkStatusSheet(autoClose: true),
|
||||
).then((_) => networkStateShowing.value = false);
|
||||
});
|
||||
triedOpen = true;
|
||||
}
|
||||
|
||||
if (apiState != NetworkStatus.online &&
|
||||
!networkStateShowing.value &&
|
||||
!triedOpen) {
|
||||
networkStateShowing.value = true;
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
showModalBottomSheet(
|
||||
context: context,
|
||||
isScrollControlled: true,
|
||||
builder: (context) => const NetworkStatusSheet(),
|
||||
).then((_) => networkStateShowing.value = false);
|
||||
});
|
||||
triedOpen = true;
|
||||
}
|
||||
return null;
|
||||
}, [websocketState, apiState]);
|
||||
|
||||
// Initialize services and listeners
|
||||
useEffect(() {
|
||||
|
||||
@@ -2,6 +2,7 @@ import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
||||
import 'package:island/pods/config.dart';
|
||||
import 'package:island/pods/network.dart';
|
||||
import 'package:island/pods/websocket.dart';
|
||||
import 'package:material_symbols_icons/symbols.dart';
|
||||
@@ -18,6 +19,7 @@ class NetworkStatusSheet extends HookConsumerWidget {
|
||||
final ws = ref.watch(websocketProvider);
|
||||
final wsState = ref.watch(websocketStateProvider);
|
||||
final apiState = ref.watch(networkStatusProvider);
|
||||
final serverUrl = ref.watch(serverUrlProvider);
|
||||
|
||||
final wsNotifier = ref.watch(websocketStateProvider.notifier);
|
||||
|
||||
@@ -163,6 +165,8 @@ class NetworkStatusSheet extends HookConsumerWidget {
|
||||
Text(
|
||||
apiState == NetworkStatus.online
|
||||
? 'Online'
|
||||
: apiState == NetworkStatus.notReady
|
||||
? 'Not Ready'
|
||||
: apiState == NetworkStatus.maintenance
|
||||
? 'Under Maintenance'
|
||||
: 'Offline',
|
||||
@@ -176,6 +180,13 @@ class NetworkStatusSheet extends HookConsumerWidget {
|
||||
color: Colors.green,
|
||||
size: 16,
|
||||
)
|
||||
: apiState == NetworkStatus.notReady
|
||||
? Icon(
|
||||
Symbols.warning,
|
||||
key: ValueKey(NetworkStatus.notReady),
|
||||
color: Colors.orange,
|
||||
size: 16,
|
||||
)
|
||||
: apiState == NetworkStatus.maintenance
|
||||
? Icon(
|
||||
Symbols.construction,
|
||||
@@ -192,6 +203,13 @@ class NetworkStatusSheet extends HookConsumerWidget {
|
||||
),
|
||||
],
|
||||
),
|
||||
Row(
|
||||
spacing: 8,
|
||||
children: [
|
||||
Text('API Server').bold(),
|
||||
Expanded(child: Text(serverUrl)),
|
||||
],
|
||||
),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
spacing: 8,
|
||||
|
||||
Reference in New Issue
Block a user