minor login fixes
This commit is contained in:
@@ -31,6 +31,7 @@ class _LoginScreenState extends State<LoginScreen> {
|
||||
];
|
||||
|
||||
late LoginController _loginController;
|
||||
StreamSubscription<GoogleSignInAuthenticationEvent>? _authSubscription;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
@@ -38,26 +39,28 @@ class _LoginScreenState extends State<LoginScreen> {
|
||||
_loginController = LoginController(context);
|
||||
|
||||
googleSignIn = GoogleSignIn.instance;
|
||||
if(kIsWeb){
|
||||
if (kIsWeb) {
|
||||
googleSignIn.initialize();
|
||||
googleSignIn.authenticationEvents
|
||||
.listen(_handleAuthenticationEvent)
|
||||
.onError(_handleAuthenticationError);
|
||||
|
||||
}else {
|
||||
unawaited(googleSignIn.initialize(serverClientId: dotenv.env['CLIENTID']));
|
||||
_authSubscription = googleSignIn.authenticationEvents
|
||||
.handleError(_handleAuthenticationError)
|
||||
.listen(_handleAuthenticationEvent);
|
||||
} else {
|
||||
unawaited(
|
||||
googleSignIn.initialize(serverClientId: dotenv.env['CLIENTID']),
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Future<void> signInWithGoogle() async {
|
||||
if (GoogleSignIn.instance.supportsAuthenticate()){
|
||||
unawaited(GoogleSignIn.instance.authenticate().then((value) async {
|
||||
googleSignIn.authenticationEvents
|
||||
.listen(_handleAuthenticationEvent)
|
||||
.onError(_handleAuthenticationError);
|
||||
|
||||
}));
|
||||
if (GoogleSignIn.instance.supportsAuthenticate()) {
|
||||
_authSubscription?.cancel();
|
||||
unawaited(
|
||||
GoogleSignIn.instance.authenticate().then((value) async {
|
||||
_authSubscription = googleSignIn.authenticationEvents
|
||||
.handleError(_handleAuthenticationError)
|
||||
.listen(_handleAuthenticationEvent);
|
||||
}),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -76,15 +79,19 @@ class _LoginScreenState extends State<LoginScreen> {
|
||||
}
|
||||
|
||||
Future<void> _handleAuthenticationEvent(
|
||||
GoogleSignInAuthenticationEvent event,
|
||||
) async {
|
||||
GoogleSignInAuthenticationEvent event,
|
||||
) async {
|
||||
if (!mounted) return;
|
||||
|
||||
// #docregion CheckAuthorization
|
||||
final GoogleSignInAccount? user = // ...
|
||||
// #enddocregion CheckAuthorization
|
||||
switch (event) {
|
||||
GoogleSignInAuthenticationEventSignIn() => event.user,
|
||||
GoogleSignInAuthenticationEventSignOut() => null,
|
||||
};
|
||||
// #enddocregion CheckAuthorization
|
||||
switch (event) {
|
||||
GoogleSignInAuthenticationEventSignIn() => event.user,
|
||||
GoogleSignInAuthenticationEventSignOut() => null,
|
||||
};
|
||||
|
||||
if (user == null || !mounted) return;
|
||||
|
||||
// Check for existing authorization.
|
||||
// #docregion CheckAuthorization
|
||||
@@ -94,9 +101,29 @@ class _LoginScreenState extends State<LoginScreen> {
|
||||
// #enddocregion CheckAuthorization
|
||||
|
||||
print(user);
|
||||
saveUser(user as GoogleSignInAccount);
|
||||
saveUser(user);
|
||||
|
||||
await _loginController.login(user.email, user.id);
|
||||
if (!mounted) return;
|
||||
|
||||
final response = await _loginController.login(user.email, user.id);
|
||||
if (response.isSuccess) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text("Login successful!"),
|
||||
behavior: SnackBarBehavior.floating,
|
||||
backgroundColor: Colors.green,
|
||||
),
|
||||
);
|
||||
} else {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text(response.error ?? "Login failed"),
|
||||
behavior: SnackBarBehavior.floating,
|
||||
backgroundColor: Colors.deepOrange,
|
||||
),
|
||||
);
|
||||
}
|
||||
if (!mounted) return;
|
||||
context.go('/');
|
||||
}
|
||||
|
||||
@@ -106,6 +133,7 @@ class _LoginScreenState extends State<LoginScreen> {
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_authSubscription?.cancel();
|
||||
_loginController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
@@ -120,12 +148,12 @@ class _LoginScreenState extends State<LoginScreen> {
|
||||
key: _formKey,
|
||||
child: Center(
|
||||
child: LayoutBuilder(
|
||||
builder: (context, constraints) {
|
||||
final maxWidth = constraints.maxWidth > ResponsivePolicy.md
|
||||
? ResponsivePolicy.md.toDouble()
|
||||
: constraints.maxWidth;
|
||||
return SizedBox(
|
||||
width: maxWidth,
|
||||
builder: (context, constraints) {
|
||||
final maxWidth = constraints.maxWidth > ResponsivePolicy.md
|
||||
? ResponsivePolicy.md.toDouble()
|
||||
: constraints.maxWidth;
|
||||
return SizedBox(
|
||||
width: maxWidth,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
@@ -158,7 +186,9 @@ class _LoginScreenState extends State<LoginScreen> {
|
||||
// Divider with "or" text
|
||||
Row(
|
||||
children: [
|
||||
Expanded(child: Divider(color: Colors.grey.shade300)),
|
||||
Expanded(
|
||||
child: Divider(color: Colors.grey.shade300),
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 16),
|
||||
child: Text(
|
||||
@@ -170,28 +200,30 @@ class _LoginScreenState extends State<LoginScreen> {
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
),
|
||||
Expanded(child: Divider(color: Colors.grey.shade300)),
|
||||
Expanded(
|
||||
child: Divider(color: Colors.grey.shade300),
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 30),
|
||||
// Social Login Buttons
|
||||
if(GoogleSignIn.instance.supportsAuthenticate())
|
||||
if (GoogleSignIn.instance.supportsAuthenticate())
|
||||
_buildGoogleButton()
|
||||
else ...<Widget>[
|
||||
if (kIsWeb)
|
||||
web.renderButton()
|
||||
],
|
||||
else ...<Widget>[if (kIsWeb) web.renderButton()],
|
||||
SizedBox(height: 40),
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
context.go('/');
|
||||
},
|
||||
child: Text('Continue as guest?', style: TextStyle(fontSize: 14)),
|
||||
child: Text(
|
||||
'Continue as guest?',
|
||||
style: TextStyle(fontSize: 14),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
@@ -200,7 +232,7 @@ class _LoginScreenState extends State<LoginScreen> {
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildGoogleButton(){
|
||||
Widget _buildGoogleButton() {
|
||||
return Skeletonizer(
|
||||
enabled: _loading,
|
||||
child: Row(
|
||||
@@ -210,11 +242,7 @@ class _LoginScreenState extends State<LoginScreen> {
|
||||
onPressed: () {
|
||||
signInWithGoogle();
|
||||
},
|
||||
icon: Image.asset(
|
||||
'assets/google.png',
|
||||
width: 20,
|
||||
height: 20,
|
||||
),
|
||||
icon: Image.asset('assets/google.png', width: 20, height: 20),
|
||||
label: Text('Google', style: TextStyle(fontSize: 16)),
|
||||
style: OutlinedButton.styleFrom(
|
||||
padding: EdgeInsets.symmetric(vertical: 16),
|
||||
@@ -230,5 +258,4 @@ class _LoginScreenState extends State<LoginScreen> {
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user