immich/mobile/lib/pages/onboarding/permission_onboarding.page.dart

import 'package:auto_route/auto_route.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
import 'package:immich_mobile/providers/gallery_permission.provider.dart';
import 'package:immich_mobile/routing/router.dart';
import 'package:immich_mobile/widgets/common/immich_logo.dart';
import 'package:immich_mobile/widgets/common/immich_title_text.dart';
import 'package:permission_handler/permission_handler.dart';

@RoutePage()
class PermissionOnboardingPage extends HookConsumerWidget {
  const PermissionOnboardingPage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final PermissionStatus permission = ref.watch(galleryPermissionNotifier);

    // Navigate to the main Tab Controller when permission is granted
    void goToBackup() => context.replaceRoute(const BackupControllerRoute());

    // When the permission is denied, we show a request permission page
    buildRequestPermission() {
      return Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text('permission_onboarding_request', style: context.textTheme.titleMedium, textAlign: TextAlign.center).tr(),
          const SizedBox(height: 18),
          ElevatedButton(
            onPressed: () =>
                ref.read(galleryPermissionNotifier.notifier).requestGalleryPermission().then((permission) async {
                  if (permission.isGranted) {
                    // If permission is limited, we will show the limited
                    // permission page
                    goToBackup();
                  }
                }),
            child: const Text('continue').tr(),
          ),
        ],
      );
    }

    // When permission is granted from outside the app, this will show to
    // let them continue on to the main timeline
    buildPermissionGranted() {
      return Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text(
            'permission_onboarding_permission_granted',
            style: context.textTheme.titleMedium,
            textAlign: TextAlign.center,
          ).tr(),
          const SizedBox(height: 18),
          ElevatedButton(onPressed: () => goToBackup(), child: const Text('permission_onboarding_get_started').tr()),
        ],
      );
    }

    // iOS 14+ has limited permission options, which let someone just share
    // a few photos with the app. If someone only has limited permissions, we
    // inform that Immich works best when given full permission
    buildPermissionLimited() {
      return Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          const Icon(Icons.warning_outlined, color: Colors.yellow, size: 48),
          const SizedBox(height: 8),
          Text(
            'permission_onboarding_permission_limited',
            style: context.textTheme.titleMedium,
            textAlign: TextAlign.center,
          ).tr(),
          const SizedBox(height: 18),
          ElevatedButton(
            onPressed: () => openAppSettings(),
            child: const Text('permission_onboarding_go_to_settings').tr(),
          ),
          const SizedBox(height: 8.0),
          TextButton(onPressed: () => goToBackup(), child: const Text('permission_onboarding_continue_anyway').tr()),
        ],
      );
    }

    buildPermissionDenied() {
      return Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          const Icon(Icons.warning_outlined, color: Colors.red, size: 48),
          const SizedBox(height: 8),
          Text(
            'permission_onboarding_permission_denied',
            style: context.textTheme.titleMedium,
            textAlign: TextAlign.center,
          ).tr(),
          const SizedBox(height: 18),
          ElevatedButton(
            onPressed: () => openAppSettings(),
            child: const Text('permission_onboarding_go_to_settings').tr(),
          ),
        ],
      );
    }

    final Widget child = switch (permission) {
      PermissionStatus.limited => buildPermissionLimited(),
      PermissionStatus.denied => buildRequestPermission(),
      PermissionStatus.granted || PermissionStatus.provisional => buildPermissionGranted(),
      PermissionStatus.restricted || PermissionStatus.permanentlyDenied => buildPermissionDenied(),
    };

    return Scaffold(
      body: SafeArea(
        child: Center(
          child: SizedBox(
            width: 380,
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                const ImmichLogo(heroTag: 'logo'),
                const ImmichTitleText(),
                AnimatedSwitcher(
                  duration: const Duration(milliseconds: 500),
                  child: Padding(padding: const EdgeInsets.all(18.0), child: child),
                ),
                TextButton(child: const Text('back').tr(), onPressed: () => context.maybePop()),
              ],
            ),
          ),
        ),
      ),
    );
  }
}