samples/experimental/web_dashboard/lib/src/pages/sign_in.dart

// Copyright 2020, the Flutter project authors. Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

import 'package:flutter/material.dart';

import '../auth/auth.dart';

class SignInPage extends StatelessWidget {
  final Auth auth;
  final ValueChanged<User> onSuccess;

  const SignInPage({
    required this.auth,
    required this.onSuccess,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SignInButton(auth: auth, onSuccess: onSuccess),
      ),
    );
  }
}

class SignInButton extends StatefulWidget {
  final Auth auth;
  final ValueChanged<User> onSuccess;

  const SignInButton({
    required this.auth,
    required this.onSuccess,
    super.key,
  });

  @override
  State<SignInButton> createState() => _SignInButtonState();
}

class _SignInButtonState extends State<SignInButton> {
  Future<bool>? _checkSignInFuture;

  @override
  void initState() {
    super.initState();
    _checkSignInFuture = _checkIfSignedIn();
  }

  // Check if the user is signed in. If the user is already signed in (for
  // example, if they signed in and refreshed the page), invoke the `onSuccess`
  // callback right away.
  Future<bool> _checkIfSignedIn() async {
    var alreadySignedIn = await widget.auth.isSignedIn;
    if (alreadySignedIn) {
      var user = await widget.auth.signIn();
      widget.onSuccess(user);
    }
    return alreadySignedIn;
  }

  Future<void> _signIn() async {
    try {
      var user = await widget.auth.signIn();
      widget.onSuccess(user);
    } on SignInException {
      _showError();
    }
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<bool>(
      future: _checkSignInFuture,
      builder: (context, snapshot) {
        // If signed in, or the future is incomplete, show a circular
        // progress indicator.
        var alreadySignedIn = snapshot.data;
        if (snapshot.connectionState != ConnectionState.done ||
            alreadySignedIn == true) {
          return const CircularProgressIndicator();
        }

        // If sign in failed, show toast and the login button
        if (snapshot.hasError) {
          _showError();
        }

        return ElevatedButton(
          child: const Text('Sign In with Google'),
          onPressed: () => _signIn(),
        );
      },
    );
  }

  void _showError() {
    ScaffoldMessenger.of(context).showSnackBar(
      const SnackBar(
        content: Text('Unable to sign in.'),
      ),
    );
  }
}