Added custom menu

lib/base.dart

@@ -11,6 +11,7 @@ import 'package:store_checker/store_checker.dart';
 import 'package:flutter/services.dart';
 
 import 'package:adguard_home_manager/widgets/bottom_nav_bar.dart';
+import 'package:adguard_home_manager/widgets/menu_bar.dart';
 import 'package:adguard_home_manager/widgets/update_modal.dart';
 import 'package:adguard_home_manager/widgets/navigation_rail.dart';
 
@@ -127,7 +128,8 @@ class _BaseState extends State<Base> with WidgetsBindingObserver {
       ? screensServerConnected 
       : screensSelectServer;
 
-    return AnnotatedRegion<SystemUiOverlayStyle>(
+    return CustomMenuBar(
+      child: AnnotatedRegion<SystemUiOverlayStyle>(
         value: SystemUiOverlayStyle(
           statusBarColor: Colors.transparent,
           statusBarBrightness: Theme.of(context).brightness == Brightness.light
@@ -164,6 +166,7 @@ class _BaseState extends State<Base> with WidgetsBindingObserver {
             ? const BottomNavBar()
             : null,
         )
+      ),
     );
   }
 }

lib/l10n/app_en.arb

@@ -611,5 +611,6 @@
     "selectOptionLeftColumn": "Select an option of the left column",
     "selectClientLeftColumn": "Select a client of the left column",
     "disableList": "Disable list",
-    "enableList": "Enable list"
+    "enableList": "Enable list",
+    "screens": "Screens"
 }

lib/l10n/app_es.arb

@@ -611,5 +611,6 @@
     "selectOptionLeftColumn": "Selecciona una opción de la columna de la izquierda",
     "selectClientLeftColumn": "Selecciona un cliente de la columna de la izquierda",
     "disableList": "Deshabilitar lista",
-    "enableList": "Habilitar lista"
+    "enableList": "Habilitar lista",
+    "screens": "Pantallas"
 }

lib/widgets/menu_bar.dart

@@ -0,0 +1,92 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+
+import 'package:adguard_home_manager/config/app_screens.dart';
+import 'package:adguard_home_manager/models/app_screen.dart';
+import 'package:adguard_home_manager/providers/app_config_provider.dart';
+import 'package:adguard_home_manager/providers/servers_provider.dart';
+
+class CustomMenuBar extends StatelessWidget {
+  final Widget child;
+
+  const CustomMenuBar({
+    Key? key,
+    required this.child
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final serversProvider = Provider.of<ServersProvider>(context);
+    final appConfigProvider = Provider.of<AppConfigProvider>(context);
+
+    List<AppScreen> screens = serversProvider.selectedServer != null
+      ? screensServerConnected
+      : screensSelectServer;
+
+    String translatedName(String key) {
+      switch (key) {
+        case 'connect':
+          return AppLocalizations.of(context)!.connect;
+
+        case 'home':
+          return AppLocalizations.of(context)!.home;
+
+        case 'settings':
+          return AppLocalizations.of(context)!.settings;
+
+        case 'clients':
+          return AppLocalizations.of(context)!.clients;
+
+        case 'logs':
+          return AppLocalizations.of(context)!.logs;
+
+        case 'filters':
+          return AppLocalizations.of(context)!.filters;
+
+        default:
+          return '';
+      }
+    }
+
+    return PlatformMenuBar(
+      menus: [
+        PlatformMenu(
+          label: 'AdGuard Home Manager',
+          menus: <PlatformMenuItem>[
+            if (
+              PlatformProvidedMenuItem.hasMenu(PlatformProvidedMenuItemType.about)
+            ) const PlatformMenuItemGroup(
+              members: [
+                PlatformProvidedMenuItem(
+                  type: PlatformProvidedMenuItemType.about,
+                ),
+              ]
+            ),
+            if (
+              PlatformProvidedMenuItem.hasMenu(PlatformProvidedMenuItemType.quit)
+            ) const PlatformMenuItemGroup(
+              members: [
+                PlatformProvidedMenuItem(
+                  type: PlatformProvidedMenuItemType.quit,
+                ),
+              ]
+            )
+          ],
+        ),
+        PlatformMenu(
+          label: AppLocalizations.of(context)!.screens,
+          menus: <PlatformMenuItem>[
+            PlatformMenuItemGroup(
+              members: screens.asMap().entries.map((e) => PlatformMenuItem(
+                label: "${appConfigProvider.selectedScreen == e.key ? '✔' : ''} ${translatedName(e.value.name)}",
+                onSelected: () => appConfigProvider.setSelectedScreen(e.key),
+              )).toList()
+            ),
+          ],
+        ),
+      ],
+      child: child,
+    );
+  }
+}