initial

lib/features/wrapper/view/desktop_wrapper.dart

@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+import 'package:hiddify/core/core_providers.dart';
+import 'package:hiddify/core/router/router.dart';
+import 'package:hiddify/features/common/traffic/traffic_chart.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:recase/recase.dart';
+
+class DesktopWrapper extends HookConsumerWidget {
+  const DesktopWrapper(this.navigator, {super.key});
+
+  final Widget navigator;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final t = ref.watch(translationsProvider);
+
+    final currentIndex = getCurrentIndex(context);
+
+    final destinations = [
+      NavigationRailDestination(
+        icon: const Icon(Icons.power_settings_new),
+        label: Text(t.home.pageTitle.titleCase),
+      ),
+      NavigationRailDestination(
+        icon: const Icon(Icons.filter_list),
+        label: Text(t.proxies.pageTitle.titleCase),
+      ),
+      NavigationRailDestination(
+        icon: const Icon(Icons.article),
+        label: Text(t.logs.pageTitle.titleCase),
+      ),
+      NavigationRailDestination(
+        icon: const Icon(Icons.settings),
+        label: Text(t.settings.pageTitle.titleCase),
+      ),
+    ];
+
+    return Scaffold(
+      body: Row(
+        children: [
+          SizedBox(
+            width: 192,
+            child: NavigationRail(
+              extended: true,
+              minExtendedWidth: 192,
+              destinations: destinations,
+              selectedIndex: currentIndex,
+              onDestinationSelected: (index) => switchTab(index, context),
+              trailing: const Expanded(
+                child: Align(
+                  alignment: Alignment.bottomCenter,
+                  child: TrafficChart(),
+                ),
+              ),
+            ),
+          ),
+          Expanded(child: navigator),
+        ],
+      ),
+    );
+  }
+}