initial onboarding

2025-06-14 23:33:24 +02:00
parent 11a1e8e5f5
commit bce9f0b3a5
26 changed files with 918 additions and 12 deletions
@@ -0,0 +1,130 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:smooth_page_indicator/smooth_page_indicator.dart';
+import 'package:weblibre/core/providers/router.dart';
+import 'package:weblibre/core/routing/routes.dart';
+import 'package:weblibre/features/onboarding/presentation/pages/abstract/i_form_page.dart';
+import 'package:weblibre/features/onboarding/presentation/pages/default_search.dart';
+import 'package:weblibre/features/onboarding/presentation/pages/ublock_opt_in.dart';
+import 'package:weblibre/features/onboarding/presentation/pages/welcome.dart';
+import 'package:weblibre/features/user/domain/repositories/onboarding.dart';
+
+class OnboardingScreen extends HookConsumerWidget {
+  final int currentRevision;
+  final int targetRevision;
+
+  const OnboardingScreen({
+    super.key,
+    required this.currentRevision,
+    required this.targetRevision,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final theme = Theme.of(context);
+
+    final pageController = usePageController();
+
+    final pages = useMemoized<List<Widget>>(() {
+      return [
+        const WelcomePage(),
+        const DefaultSearchPage(),
+        UBlockOptInPage(formKey: GlobalKey<FormState>()),
+      ];
+    }, [currentRevision, targetRevision]);
+
+    final lastPage = useRef(pageController.initialPage);
+    final currentPage = useState(pageController.initialPage);
+
+    return Scaffold(
+      body: SafeArea(
+        child: Column(
+          children: [
+            Expanded(
+              child: PageView(
+                controller: pageController,
+                children: pages,
+                onPageChanged: (value) {
+                  if (value > lastPage.value) {
+                    if (pages[lastPage.value] case final IFormPage formPage) {
+                      formPage.formKey.currentState?.save();
+                    }
+                  }
+
+                  lastPage.value = value;
+                  currentPage.value = value;
+                },
+              ),
+            ),
+            Row(
+              children: [
+                Expanded(
+                  child: Visibility(
+                    visible: currentPage.value > 0,
+                    child: TextButton.icon(
+                      onPressed: () async {
+                        await pageController.previousPage(
+                          duration: const Duration(milliseconds: 250),
+                          curve: Curves.easeInOut,
+                        );
+                      },
+                      icon: const Icon(Icons.chevron_left),
+                      label: const Text('Previous'),
+                    ),
+                  ),
+                ),
+                Expanded(
+                  child: Center(
+                    child: SmoothPageIndicator(
+                      controller: pageController,
+                      count: pages.length,
+                      effect: WormEffect(
+                        dotColor: theme.colorScheme.onSurface,
+                        activeDotColor: theme.colorScheme.primary,
+                      ),
+                    ),
+                  ),
+                ),
+                if (currentPage.value < pages.length - 1)
+                  Expanded(
+                    child: TextButton.icon(
+                      onPressed: () async {
+                        await pageController.nextPage(
+                          duration: const Duration(milliseconds: 250),
+                          curve: Curves.easeInOut,
+                        );
+                      },
+                      iconAlignment: IconAlignment.end,
+                      icon: const Icon(Icons.chevron_right),
+                      label: const Text('Next'),
+                    ),
+                  )
+                else
+                  Expanded(
+                    child: TextButton.icon(
+                      onPressed: () async {
+                        if (pages[currentPage.value]
+                            case final IFormPage formPage) {
+                          formPage.formKey.currentState?.save();
+                        }
+
+                        await ref
+                            .read(onboardingRepositoryProvider.notifier)
+                            .pushRevision(targetRevision);
+
+                        ref.invalidate(routerProvider);
+                      },
+                      iconAlignment: IconAlignment.end,
+                      icon: const Icon(Icons.done),
+                      label: const Text('Done'),
+                    ),
+                  ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}