Refactor

2023-12-01 12:56:24 +03:30
parent 9c165e178b
commit ed614988a2
181 changed files with 3092 additions and 2341 deletions
--- a/lib/features/home/widget/home_page.dart
+++ b/lib/features/home/widget/home_page.dart
@@ -0,0 +1,120 @@
+import 'package:dartx/dartx.dart';
+import 'package:flutter/material.dart';
+import 'package:hiddify/core/app_info/app_info_provider.dart';
+import 'package:hiddify/core/localization/translations.dart';
+import 'package:hiddify/core/model/failures.dart';
+import 'package:hiddify/core/router/router.dart';
+import 'package:hiddify/features/common/nested_app_bar.dart';
+import 'package:hiddify/features/home/widget/connection_button.dart';
+import 'package:hiddify/features/home/widget/empty_profiles_home_body.dart';
+import 'package:hiddify/features/profile/notifier/active_profile_notifier.dart';
+import 'package:hiddify/features/profile/widget/profile_tile.dart';
+import 'package:hiddify/utils/utils.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:sliver_tools/sliver_tools.dart';
+
+class HomePage extends HookConsumerWidget {
+  const HomePage({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final t = ref.watch(translationsProvider);
+    final hasAnyProfile = ref.watch(hasAnyProfileProvider);
+    final activeProfile = ref.watch(activeProfileProvider);
+
+    return Scaffold(
+      body: Stack(
+        alignment: Alignment.bottomCenter,
+        children: [
+          CustomScrollView(
+            slivers: [
+              NestedAppBar(
+                title: Text.rich(
+                  TextSpan(
+                    children: [
+                      TextSpan(text: t.general.appTitle),
+                      const TextSpan(text: " "),
+                      const WidgetSpan(
+                        child: AppVersionLabel(),
+                        alignment: PlaceholderAlignment.middle,
+                      ),
+                    ],
+                  ),
+                ),
+                actions: [
+                  IconButton(
+                    onPressed: () => const AddProfileRoute().push(context),
+                    icon: const Icon(Icons.add_circle),
+                    tooltip: t.profile.add.buttonText,
+                  ),
+                ],
+              ),
+              switch (activeProfile) {
+                AsyncData(value: final profile?) => MultiSliver(
+                    children: [
+                      ProfileTile(profile: profile, isMain: true),
+                      const SliverFillRemaining(
+                        hasScrollBody: false,
+                        child: Padding(
+                          padding: EdgeInsets.only(
+                            left: 8,
+                            right: 8,
+                            top: 8,
+                            bottom: 86,
+                          ),
+                          child: ConnectionButton(),
+                        ),
+                      ),
+                    ],
+                  ),
+                AsyncData() => switch (hasAnyProfile) {
+                    AsyncData(value: true) =>
+                      const EmptyActiveProfileHomeBody(),
+                    _ => const EmptyProfilesHomeBody(),
+                  },
+                AsyncError(:final error) =>
+                  SliverErrorBodyPlaceholder(t.presentShortError(error)),
+                _ => const SliverToBoxAdapter(),
+              },
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class AppVersionLabel extends HookConsumerWidget {
+  const AppVersionLabel({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final t = ref.watch(translationsProvider);
+    final theme = Theme.of(context);
+
+    final version = ref.watch(appInfoProvider).requireValue.presentVersion;
+    if (version.isBlank) return const SizedBox();
+
+    return Semantics(
+      label: t.about.version,
+      button: false,
+      child: Container(
+        decoration: BoxDecoration(
+          color: theme.colorScheme.secondaryContainer,
+          borderRadius: BorderRadius.circular(4),
+        ),
+        padding: const EdgeInsets.symmetric(
+          horizontal: 4,
+          vertical: 1,
+        ),
+        child: Text(
+          version,
+          textDirection: TextDirection.ltr,
+          style: theme.textTheme.bodySmall?.copyWith(
+            color: theme.colorScheme.onSecondaryContainer,
+          ),
+        ),
+      ),
+    );
+  }
+}