pahmiudahgede
/
MIF_E31222379_MOBILE
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update: improve login and verif otp screen

This commit is contained in:
pahmiudahgede 2025-05-16 22:17:45 +07:00
parent cbcb250be3
commit 1785fbceb7
2 changed files with 136 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
lib/features/auth/presentation/screen/login_screen.dart
View File

@ -1,4 +1,5 @@
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:provider/provider.dart';
import 'package:rijig_mobile/core/router.dart';
import 'package:rijig_mobile/core/utils/guide.dart';
@ -20,14 +21,30 @@ class LoginScreenState extends State<LoginScreen> {
return Scaffold(
body: Consumer<LoginViewModel>(
builder: (context, viewModel, child) {
return Padding(
return SafeArea(
child: Center(
child: Padding(
padding: PaddingCustom().paddingHorizontalVertical(15, 40),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Column(
children: [
Text(
"Selamat datang di aplikasi",
style: Tulisan.subheading(),
),
Text(
"Rijig",
style: Tulisan.heading(color: primaryColor),
),
Gap(60),
Column(
children: [
FormFieldOne(
controllers: phoneController,
hintText: 'Phone Number',
hintText: 'Masukkan nomor whatsapp anda!',
placeholder: "cth.62..",
isRequired: true,
textInputAction: TextInputAction.done,
keyboardType: TextInputType.phone,
@ -42,18 +59,26 @@ class LoginScreenState extends State<LoginScreen> {
SizedBox(height: 20),
CardButtonOne(
textButton:
viewModel.isLoading ? 'Sending OTP...' : 'Send OTP',
viewModel.isLoading
? 'Sending OTP...'
: 'Send OTP',
fontSized: 16,
colorText: whiteColor,
color: primaryColor,
borderRadius: 10,
horizontal: double.infinity,
vertical: 50,
onTap: () async {
if (phoneController.text.isNotEmpty) {
debugPrint("send otp dipencet");
await viewModel.loginOrRegister(phoneController.text);
await viewModel.loginOrRegister(
phoneController.text,
);
if (viewModel.loginResponse != null) {
router.go("/verif-otp", extra: phoneController.text);
router.go(
"/verif-otp",
extra: phoneController.text,
);
}
}
},
@ -62,6 +87,12 @@ class LoginScreenState extends State<LoginScreen> {
),
],
),
],
),
],
),
),
),
);
},
),

28
lib/features/auth/presentation/screen/otp_screen.dart
View File

@ -23,9 +23,12 @@ class VerifOtpScreenState extends State<VerifOtpScreen> {
return Scaffold(
body: Consumer<OtpViewModel>(
builder: (context, viewModel, child) {
return Padding(
return SafeArea(
child: Center(
child: Padding(
padding: PaddingCustom().paddingHorizontalVertical(15, 40),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text("OTP has been sent to ${widget.phoneNumber}"),
SizedBox(height: 20),
@ -41,12 +44,12 @@ class VerifOtpScreenState extends State<VerifOtpScreen> {
borderRadius: BorderRadius.circular(5),
fieldHeight: 50,
fieldWidth: 50,
activeFillColor: Colors.white,
inactiveFillColor: Colors.white,
selectedFillColor: Colors.white,
activeColor: Colors.black,
inactiveColor: Colors.black,
selectedColor: Colors.blue,
activeFillColor: whiteColor,
inactiveFillColor: whiteColor,
selectedFillColor: whiteColor,
activeColor: blackNavyColor,
inactiveColor: blackNavyColor,
selectedColor: primaryColor,
),
onChanged: (value) {},
onCompleted: (value) {},
@ -55,9 +58,12 @@ class VerifOtpScreenState extends State<VerifOtpScreen> {
CardButtonOne(
textButton:
viewModel.isLoading ? 'Verifying OTP...' : 'Verify OTP',
viewModel.isLoading
? 'Verifying OTP...'
: 'Verify OTP',
fontSized: 16,
colorText: Colors.white,
colorText: whiteColor,
color: primaryColor,
borderRadius: 10,
horizontal: double.infinity,
vertical: 50,
@ -79,10 +85,12 @@ class VerifOtpScreenState extends State<VerifOtpScreen> {
if (viewModel.errorMessage != null)
Text(
viewModel.errorMessage!,
style: TextStyle(color: Colors.red),
style: TextStyle(color: redColor),
),
],
),
),
),
);
},
),