languages

login_page.dart (5159B)

---

 import 'package:firebase_auth/firebase_auth.dart';
 import 'package:flutter/material.dart';
 import 'package:penny/components/my_button.dart';
 import 'package:penny/components/my_textfield.dart';
 import 'package:penny/components/square_tile.dart';
 import 'package:penny/services/auth_service.dart';
 
 class LoginPage extends StatefulWidget {
   final Function()? onTap;
   const LoginPage({super.key, required this.onTap});
 
   @override
   State<LoginPage> createState() => _LoginPageState();
 }
 
 class _LoginPageState extends State<LoginPage> {
   final emailController = TextEditingController();
 
   final passwordController = TextEditingController();
 
   // Sign user in method
   void signUserIn() async {
     try {
       await FirebaseAuth.instance.signInWithEmailAndPassword(
         email: emailController.text,
         password: passwordController.text,
       );
     } on FirebaseAuthException catch (e) {
       SnackBar(
         content: Text('Sign in failed: ${e.message}'),
       );
     }
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: const Color(0xfffffc00),
       body: SafeArea(
         child: Center(
           child: SingleChildScrollView(
             child: Column(
               children: [
                 // Logo
                 const Text(
                   'Penny',
                   style: TextStyle(
                     color: Colors.black,
                     fontSize: 32,
                     fontWeight: FontWeight.bold,
                   ),
                 ),
                 const SizedBox(height: 25),
 
                 // Username textfield
                 MyTextField(
                   controller: emailController,
                   hintText: 'Username',
                   obscureText: false,
                 ),
 
                 const SizedBox(height: 10),
 
                 // Password textfield
                 MyTextField(
                   controller: passwordController,
                   hintText: 'Password',
                   obscureText: true,
                 ),
                 const SizedBox(height: 10),
 
                 // Forgot password? FUTURE UPDATE!
                 // const Padding(
                 //   padding: EdgeInsets.symmetric(horizontal: 25.0),
                 //   child: Row(
                 //     mainAxisAlignment: MainAxisAlignment.end,
                 //     children: [
                 //       Text(
                 //         'Forgot Password?',
                 //         style: TextStyle(color: Colors.black),
                 //       ),
                 //     ],
                 //   ),
                 // ),
 
                 const SizedBox(height: 25),
 
                 // Sign in button
                 MyButton(
                   text: "Sign In",
                   onTap: signUserIn,
                 ),
 
                 const SizedBox(height: 25),
 
                 // or continue with
                 const Padding(
                   padding: EdgeInsets.symmetric(horizontal: 25.0),
                   child: Row(
                     children: [
                       Expanded(
                         child: Divider(
                           thickness: 0.5,
                           color: Colors.black,
                         ),
                       ),
                       Padding(
                         padding: EdgeInsets.symmetric(horizontal: 10.0),
                         child: Text(
                           'Or continue with',
                           style: TextStyle(color: Colors.black),
                         ),
                       ),
                       Expanded(
                         child: Divider(
                           thickness: 0.5,
                           color: Colors.black,
                         ),
                       ),
                     ],
                   ),
                 ),
 
                 const SizedBox(height: 50),
 
                 // Google sign in button
                 Row(
                   mainAxisAlignment: MainAxisAlignment.center,
                   children: [
                     SquareTile(
                       onTap: () => AuthService().signInWithGoogle(),
                       imagePath: 'lib/images/google.png'),
                   ],
                 ),
 
                 const SizedBox(height: 50),
 
                 // Not a member? Register now
                 Row(
                   mainAxisAlignment: MainAxisAlignment.center,
                   children: [
                     const Text(
                       'Not a member?',
                       style: TextStyle(color: Colors.black),
                     ),
                     const SizedBox(width: 4),
                     GestureDetector(
                       onTap: widget.onTap,
                       child: const Text(
                         'Register now',
                         style: TextStyle(
                           color: Colors.blue,
                           fontWeight: FontWeight.bold,
                         ),
                       ),
                     ),
                   ],
                 )
               ],
             ),
           ),
         ),
       ),
     );
   }
 }