@@ -88,127 +88,131 @@ class _LoginPageState extends State<LoginPage> {
8888 return Scaffold (
8989
9090 //BODY
91- body: Center (
92- child: Padding (
93- padding: const EdgeInsets .symmetric (horizontal: 25.0 ),
94-
95- child: Column (
96- mainAxisAlignment: MainAxisAlignment .center,
97- children: [
98-
99- //logo
100- Icon (
101- Icons .lock_open,
102- size: 80 ,
103- color: Theme .of (context).colorScheme.primary,
104- ),
105-
106- const SizedBox (height: 25 ),
107-
108- //name of app
109- Text (
110- "S H O P P I N G A P P " ,
111- style: TextStyle (
112- fontSize: 16 ,
113- color: Theme .of (context).colorScheme.inversePrimary,
114- )
115- ),
116-
117- const SizedBox (height: 25 ),
118-
119- //email
120- MyTextField (controller: emailController, hintText: "Email" , obscureText: false ),
121-
122- const SizedBox (height: 10 ),
123-
124- //password
125- MyTextField (controller: pwController, hintText: "Password" , obscureText: true ),
126-
127- const SizedBox (height: 10 ),
128-
129- //forgot pass
130- Row (
91+ body: SafeArea (
92+ child: Center (
93+ child: Padding (
94+ padding: const EdgeInsets .symmetric (horizontal: 25.0 ),
95+
96+ child: Column (
13197 mainAxisAlignment: MainAxisAlignment .center,
13298 children: [
133- GestureDetector (
134- onTap: ()=> openForgotPasswordBox (),
135- child: Text (
136- "Forgot Password?" ,
137- style: TextStyle (
138- color: Theme .of (context).colorScheme.primary,
139- fontWeight: FontWeight .bold,
140- )
141-
142- ),
143- ),
144- ],
145- ),
146-
147- const SizedBox (height: 10 ),
148-
149- //login
150- MyButton (
151- onTap: login,
152- text: "Login" ,
153- ),
154-
155- const SizedBox (height: 10 ),
156-
157- Row (
158- children: [
159- Expanded (
160- child: Divider (
161- color: Theme .of (context).colorScheme.tertiary,
162- ),
163- ),
164- Text ("Or sign in with" ),
165- Expanded (
166- child: Divider (
167- color: Theme .of (context).colorScheme.tertiary,
99+
100+ //logo
101+ Icon (
102+ Icons .lock_open,
103+ size: 80 ,
104+ color: Theme .of (context).colorScheme.primary,
168105 ),
169- ),
170- ],
171- ),
172-
173- const SizedBox (height: 15 ),
174-
175106
176- // oauth using google
177- Row (
178- mainAxisAlignment: MainAxisAlignment .center,
179- children: [
180- //google button
181- MyGoogleSignInButton (
182- onTap: () {},
107+ const SizedBox (height: 25 ),
108+
109+ //name of app
110+ Text (
111+ "S H O P P I N G A P P " ,
112+ style: TextStyle (
113+ fontSize: 16 ,
114+ color: Theme .of (context).colorScheme.inversePrimary,
183115 )
184-
185- ],
186- ),
187-
188- const SizedBox (height: 25 ),
189-
190- //dont have acc sign in later
191- Row (
192- mainAxisAlignment: MainAxisAlignment .center,
193- children: [
194- Text (
195- "Dont Have an Account?" ,
196- style:
197- TextStyle (color: Theme .of (context).colorScheme.primary,),
198- ),
199- GestureDetector (
200- onTap: widget.togglePages,
201- child: Text (
202- " Register Now" ,
203- style: TextStyle (
204- fontWeight: FontWeight .bold,
205- color: Theme .of (context).colorScheme.primary,
206- ),
116+ ),
117+
118+ const SizedBox (height: 25 ),
119+
120+ //email
121+ MyTextField (controller: emailController, hintText: "Email" , obscureText: false ),
122+
123+ const SizedBox (height: 10 ),
124+
125+ //password
126+ MyTextField (controller: pwController, hintText: "Password" , obscureText: true ),
127+
128+ const SizedBox (height: 10 ),
129+
130+ //forgot pass
131+ Row (
132+ mainAxisAlignment: MainAxisAlignment .center,
133+ children: [
134+ GestureDetector (
135+ onTap: ()=> openForgotPasswordBox (),
136+ child: Text (
137+ "Forgot Password?" ,
138+ style: TextStyle (
139+ color: Theme .of (context).colorScheme.primary,
140+ fontWeight: FontWeight .bold,
141+ )
142+
143+ ),
207144 ),
145+ ],
146+ ),
147+
148+ const SizedBox (height: 10 ),
149+
150+ //login
151+ MyButton (
152+ onTap: login,
153+ text: "Login" ,
154+ ),
155+
156+ const SizedBox (height: 10 ),
157+
158+ Row (
159+ children: [
160+ Expanded (
161+ child: Divider (
162+ color: Theme .of (context).colorScheme.tertiary,
163+ ),
164+ ),
165+ Text ("Or sign in with" ),
166+ Expanded (
167+ child: Divider (
168+ color: Theme .of (context).colorScheme.tertiary,
208169 ),
170+ ),
209171 ],
172+ ),
173+
174+ const SizedBox (height: 15 ),
175+
176+
177+ // oauth using google
178+ Row (
179+ mainAxisAlignment: MainAxisAlignment .center,
180+ children: [
181+ //google button
182+ MyGoogleSignInButton (
183+ onTap: () async {
184+ authCubit.signInWithGoogle ();
185+ }
186+ )
187+
188+ ],
189+ ),
190+
191+ const SizedBox (height: 25 ),
192+
193+ //dont have acc sign in later
194+ Row (
195+ mainAxisAlignment: MainAxisAlignment .center,
196+ children: [
197+ Text (
198+ "Dont Have an Account?" ,
199+ style:
200+ TextStyle (color: Theme .of (context).colorScheme.primary,),
201+ ),
202+ GestureDetector (
203+ onTap: widget.togglePages,
204+ child: Text (
205+ " Register Now" ,
206+ style: TextStyle (
207+ fontWeight: FontWeight .bold,
208+ color: Theme .of (context).colorScheme.primary,
209+ ),
210+ ),
211+ ),
212+ ],
213+ ),
214+ ],
210215 ),
211- ],
212216 ),
213217 ),
214218 )
0 commit comments