initial commit

2026-07-26 10:30:44 +03:00
1 parent d106356ca6
commit a863656758
@@ -0,0 +1,72 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:revoltvpn/logic/app_colors.dart';
+import 'package:revoltvpn/logic/vpn_connection.dart';
+import 'package:revoltvpn/logic/session_timer.dart';
+import 'package:revoltvpn/components/online_dot.dart';
+
+/// StatusBar — unified bottom card combining the Finland connection badge
+/// and the server health indicator in one box.
+class StatusBar extends StatelessWidget {
+  const StatusBar({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Consumer2<VpnConnection, SessionTimer>(
+      builder: (context, vpn, timer, _) {
+        final isConnected = vpn.status == VpnStatus.connected;
+        final isConnecting = vpn.status == VpnStatus.connecting;
+        final serverHealthy = isConnected && timer.hasSyncedOnce;
+
+        return Container(
+          margin: const EdgeInsets.symmetric(horizontal: 24),
+          padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
+          decoration: BoxDecoration(
+            color: AppColors.bgCard,
+            borderRadius: BorderRadius.circular(16),
+            border: Border.all(color: AppColors.slate15),
+          ),
+          child: Row(
+            children: [
+              // ── Connection status (left) ─────────────────────────────
+              if (isConnected) ...[
+                Image.asset('assets/finland_flag_256.png', width: 20, height: 20),
+                const SizedBox(width: 8),
+                const Text('Helsinki, Finland', style: TextStyle(
+                  color: AppColors.accent, fontWeight: FontWeight.w600,
+                  fontSize: 13, letterSpacing: 0.5,
+                )),
+              ] else ...[
+                Icon(
+                  isConnecting ? Icons.sync : Icons.shield_outlined,
+                  size: 18,
+                  color: isConnecting ? AppColors.accent : AppColors.slate70,
+                ),
+                const SizedBox(width: 8),
+                Text(
+                  vpn.statusMessage.toUpperCase(),
+                  style: TextStyle(
+                    color: isConnecting ? AppColors.accent : AppColors.slate70,
+                    fontWeight: FontWeight.w600, fontSize: 13, letterSpacing: 1,
+                  ),
+                ),
+              ],
+
+              const Spacer(),
+
+              // ── Server health dot (right) ────────────────────────────
+              OnlineDot(
+                isOnline: serverHealthy,
+                label: isConnected && !timer.hasSyncedOnce
+                    ? 'Syncing…'
+                    : serverHealthy
+                        ? 'Online'
+                        : 'Offline',
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+}