add adaptive_scaffold

2024-05-24 09:42:02 +05:30
parent fb6253d2d1
commit 1631df70e9
295 changed files with 2540 additions and 44480 deletions
@@ -0,0 +1,32 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/presentation/router/router.dart';
+import 'package:material_symbols_icons/symbols.dart';
+
+enum SettingSection {
+  general(
+    icon: Symbols.interests_rounded,
+    labelKey: 'settings.sections.general',
+    destination: GeneralSettingsRoute(),
+  ),
+  advance(
+    icon: Symbols.build_rounded,
+    labelKey: 'settings.sections.advance',
+    destination: AdvanceSettingsRoute(),
+  ),
+  about(
+    icon: Symbols.help_rounded,
+    labelKey: 'settings.sections.about',
+    destination: AboutSettingsRoute(),
+  );
+
+  final PageRouteInfo destination;
+  final String labelKey;
+  final IconData icon;
+
+  const SettingSection({
+    required this.labelKey,
+    required this.icon,
+    required this.destination,
+  });
+}
@@ -0,0 +1,16 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/presentation/components/scaffold/adaptive_route_secondary_appbar.widget.dart';
+
+@RoutePage()
+class AboutSettingsPage extends StatelessWidget {
+  const AboutSettingsPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold(
+      appBar: ImAdaptiveRouteSecondaryAppBar(),
+      body: Center(child: Text('About Settings')),
+    );
+  }
+}
@@ -0,0 +1,16 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/presentation/components/scaffold/adaptive_route_secondary_appbar.widget.dart';
+
+@RoutePage()
+class AdvanceSettingsPage extends StatelessWidget {
+  const AdvanceSettingsPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold(
+      appBar: ImAdaptiveRouteSecondaryAppBar(),
+      body: Center(child: Text('Advanced Settings')),
+    );
+  }
+}
@@ -0,0 +1,16 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/presentation/components/scaffold/adaptive_route_secondary_appbar.widget.dart';
+
+@RoutePage()
+class GeneralSettingsPage extends StatelessWidget {
+  const GeneralSettingsPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold(
+      appBar: ImAdaptiveRouteSecondaryAppBar(),
+      body: Center(child: Text('General Settings')),
+    );
+  }
+}
@@ -1,5 +1,25 @@
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
+import 'package:immich_mobile/i18n/strings.g.dart';
+import 'package:immich_mobile/presentation/components/scaffold/adaptive_route_primary_appbar.widget.dart';
+import 'package:immich_mobile/presentation/components/scaffold/adaptive_route_wrapper.widget.dart';
+import 'package:immich_mobile/presentation/modules/settings/models/settings_section.model.dart';
+import 'package:immich_mobile/presentation/router/router.dart';
+import 'package:immich_mobile/utils/extensions/build_context.extension.dart';
+
+@RoutePage()
+class SettingsWrapperPage extends StatelessWidget {
+  const SettingsWrapperPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return ImAdaptiveRouteWrapper(
+      primaryBody: (_) => const SettingsPage(),
+      primaryRoute: SettingsRoute.name,
+      bodyRatio: 0.3,
+    );
+  }
+}

@RoutePage()
 class SettingsPage extends StatelessWidget {
@@ -7,6 +27,21 @@ class SettingsPage extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
-    return Container();
+    return Scaffold(
+      appBar: const ImAdaptiveRoutePrimaryAppBar(),
+      body: ListView.builder(
+        itemCount: SettingSection.values.length,
+        itemBuilder: (_, index) {
+          final section = SettingSection.values.elementAt(index);
+          return ListTile(
+            title: Text(context.t[section.labelKey]),
+            onTap: () {
+              context.navigateRoot(section.destination);
+            },
+            leading: Icon(section.icon),
+          );
+        },
+      ),
+    );
  }
 }