Files
oott/frontend/lib/widgets/offline_banner.dart
T
rzuastiandClaude Opus 4.8 a51b9c06dc Display unknown values as a dash and centralise repeated literals
Backend: notifications now show a plain "-" for an absent name, vendor, or
device type (was empty string / "(unknown)" / "Unknown"), via a single
UNKNOWN_PLACEHOLDER constant.

Frontend:
- Empty/unknown values render as an em dash everywhere, centralised in a new
  Placeholders.emptyValue constant (replaces inline '—' and '(unknown)').
- Route paths moved to a new Routes class, used by the router and every
  navigation call site.
- Device event type modelled as a DeviceEventType enum mirroring the backend
  (NewDevice/DeviceSeen) instead of bare string comparisons.
- Hardcoded EdgeInsets/SizedBox spacing replaced with existing Insets tokens.

Tests and formatting updated; all backend and frontend tests pass.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-06 16:07:05 -04:00

71 lines
2.3 KiB
Dart

import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import '../utils/backend_reachability.dart';
import '../theme/dimens.dart';
import '../routes.dart';
class OfflineBanner extends StatelessWidget {
const OfflineBanner({super.key});
@override
Widget build(BuildContext context) {
final reachability = BackendReachability.instance;
return ListenableBuilder(
listenable: reachability,
builder: (context, _) {
if (reachability.isOnline) return const SizedBox.shrink();
final theme = Theme.of(context);
final message = !reachability.deviceHasNetwork
? 'No network connection.'
: reachability.isProbing
? 'Reconnecting to backend…'
: reachability.lastErrorMessage ?? 'Cannot reach backend.';
return Material(
color: theme.colorScheme.errorContainer,
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: Insets.lg,
vertical: Insets.sm,
),
child: Row(
children: [
Icon(
Icons.cloud_off,
size: 18,
color: theme.colorScheme.onErrorContainer,
),
const SizedBox(width: Insets.md),
Expanded(
child: Text(
message,
style: theme.textTheme.bodyMedium?.copyWith(
color: theme.colorScheme.onErrorContainer,
),
),
),
TextButton(
onPressed: reachability.isProbing
? null
: () => reachability.probe(),
style: TextButton.styleFrom(
foregroundColor: theme.colorScheme.onErrorContainer,
),
child: const Text('Retry'),
),
TextButton(
onPressed: () => context.go(Routes.settings),
style: TextButton.styleFrom(
foregroundColor: theme.colorScheme.onErrorContainer,
),
child: const Text('Settings'),
),
],
),
),
);
},
);
}
}