sign_in_page.dart

import 'package:async/async.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:gap/gap.dart';
import 'package:go_router/go_router.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';

// TODO(kim): アナリティクスマージ後にコメントアウトを解除
// import '../../core/analytics/analytics_service.dart';
import '../../core/themes.dart';
import '../../core/widgets/app_snack_bar.dart';
import '../photo/gallery/gallery_page.dart';
import 'auth_controller.dart';

/// サインインページ
class SignInPage extends HookConsumerWidget {
  const SignInPage({super.key});

  static const routeName = 'sign_in_page';
  static const routePath = '/sign_in_page';

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return Scaffold(
      body: ColoredBox(
        color: Themes.mainOrange,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Gap(160),
            const Spacer(),
            Image.asset(
              'assets/images/sign_in/sign_in_icon.png',
              width: 300,
              height: 300,
            ),
            const Gap(60),
            const Spacer(),
            // Googleで続けるボタン
            _buildSignInButton(
              context: context,
              ref: ref,
              label: 'Googleで続ける',
              iconPath: 'assets/images/sign_in/google_icon.png',
              backgroundColor: Colors.white,
              foregroundColor: Colors.black,
              signInMethod: ref.read(authControllerProvider).signInWithGoogle,
            ),
            const Gap(20),
            // Appleで続けるボタン
            _buildSignInButton(
              context: context,
              ref: ref,
              label: 'Appleで続ける',
              iconPath: 'assets/images/sign_in/apple_icon.png',
              backgroundColor: Colors.black,
              foregroundColor: Colors.white,
              signInMethod: ref.read(authControllerProvider).signInWithApple,
            ),
            const Spacer(),
          ],
        ),
      ),
    );
  }

  // TODO(masaki): AppElevatedButton との共通化 or プライベートクラス化
  /// サインインボタンの共通化メソッド
  Widget _buildSignInButton({
    required BuildContext context,
    required WidgetRef ref,
    required String label,
    required String iconPath,
    required Color backgroundColor,
    required Color foregroundColor,
    required Future<void> Function() signInMethod,
  }) {
    // 多重を実行防止するためのキャッシュ
    final asyncCache = useState(AsyncCache<dynamic>.ephemeral());
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 16),
      child: ElevatedButton.icon(
        onPressed: () {
          asyncCache.value
              .fetch(() => _handleSignIn(signInMethod, context, ref));
        },
        icon: Image.asset(
          iconPath,
          width: 24,
        ),
        label: Text(label),
        style: ElevatedButton.styleFrom(
          backgroundColor: backgroundColor,
          foregroundColor: foregroundColor,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(30),
          ),
          minimumSize: const Size(double.infinity, 50),
        ),
      ),
    );
  }

  /// サインイン処理の共通化
  Future<void> _handleSignIn(
    Future<void> Function() signIn,
    BuildContext context,
    WidgetRef ref,
  ) async {
    try {
      await signIn();
      if (!context.mounted) {
        return;
      }
      // TODO(masaki): 遷移先として、写真選択画面 or ギャラリーページ（空の場合に写真選択画面へ促す）を相談
      context.go(GalleryPage.routePath);
    } on Exception catch (e) {
      AppSnackBar.show(message: 'サインインに失敗しました: $e');
    }
  }
}