Refactor profiles

2023-11-26 21:20:58 +03:30
parent e2f5f51176
commit 829d58a1a2
49 changed files with 1206 additions and 1024 deletions
--- a/lib/features/profile/overview/profiles_overview_page.dart
+++ b/lib/features/profile/overview/profiles_overview_page.dart
@@ -0,0 +1,140 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:hiddify/core/core_providers.dart';
+import 'package:hiddify/core/router/router.dart';
+import 'package:hiddify/domain/failures.dart';
+import 'package:hiddify/features/profile/model/profile_sort_enum.dart';
+import 'package:hiddify/features/profile/overview/profiles_overview_notifier.dart';
+import 'package:hiddify/features/profile/widget/profile_tile.dart';
+import 'package:hiddify/utils/placeholders.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+
+class ProfilesOverviewModal extends HookConsumerWidget {
+  const ProfilesOverviewModal({
+    super.key,
+    this.scrollController,
+  });
+
+  final ScrollController? scrollController;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final t = ref.watch(translationsProvider);
+    final asyncProfiles = ref.watch(profilesOverviewNotifierProvider);
+
+    return Stack(
+      children: [
+        CustomScrollView(
+          controller: scrollController,
+          slivers: [
+            switch (asyncProfiles) {
+              AsyncData(value: final profiles) => SliverList.builder(
+                  itemBuilder: (context, index) {
+                    final profile = profiles[index];
+                    return ProfileTile(profile: profile);
+                  },
+                  itemCount: profiles.length,
+                ),
+              AsyncError(:final error) => SliverErrorBodyPlaceholder(
+                  t.presentShortError(error),
+                ),
+              AsyncLoading() => const SliverLoadingBodyPlaceholder(),
+              _ => const SliverToBoxAdapter(),
+            },
+            const SliverGap(48),
+          ],
+        ),
+        Positioned.fill(
+          child: Align(
+            alignment: Alignment.bottomCenter,
+            child: ButtonBar(
+              alignment: MainAxisAlignment.center,
+              children: [
+                FilledButton.icon(
+                  onPressed: () {
+                    const AddProfileRoute().push(context);
+                  },
+                  icon: const Icon(Icons.add),
+                  label: Text(t.profile.add.shortBtnTxt),
+                ),
+                FilledButton.icon(
+                  onPressed: () {
+                    showDialog(
+                      context: context,
+                      builder: (context) {
+                        return const ProfilesSortModal();
+                      },
+                    );
+                  },
+                  icon: const Icon(Icons.sort),
+                  label: Text(t.general.sort),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class ProfilesSortModal extends HookConsumerWidget {
+  const ProfilesSortModal({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final t = ref.watch(translationsProvider);
+    final sortNotifier =
+        ref.watch(profilesOverviewSortNotifierProvider.notifier);
+
+    return AlertDialog(
+      title: Text(t.general.sortBy),
+      content: Consumer(
+        builder: (context, ref, child) {
+          final sort = ref.watch(profilesOverviewSortNotifierProvider);
+          return SingleChildScrollView(
+            child: Column(
+              children: [
+                ...ProfilesSort.values.map(
+                  (e) {
+                    final selected = sort.by == e;
+                    final double arrowTurn =
+                        sort.mode == SortMode.ascending ? 0 : 0.5;
+
+                    return ListTile(
+                      title: Text(e.present(t)),
+                      onTap: () {
+                        if (selected) {
+                          sortNotifier.toggleMode();
+                        } else {
+                          sortNotifier.changeSort(e);
+                        }
+                      },
+                      selected: selected,
+                      leading: Icon(e.icon),
+                      trailing: selected
+                          ? IconButton(
+                              onPressed: () {
+                                sortNotifier.toggleMode();
+                              },
+                              icon: AnimatedRotation(
+                                turns: arrowTurn,
+                                duration: const Duration(milliseconds: 100),
+                                child: Icon(
+                                  Icons.arrow_upward,
+                                  semanticLabel: sort.mode.name,
+                                ),
+                              ),
+                            )
+                          : null,
+                    );
+                  },
+                ),
+              ],
+            ),
+          );
+        },
+      ),
+    );
+  }
+}