From 6b5c9b7785f41189e46394f382aa599aee94b072 Mon Sep 17 00:00:00 2001 From: meet2711 Date: Tue, 11 Jun 2024 19:54:26 +0530 Subject: [PATCH] deposit done --- assets/images/wallet_screen/copy.png | Bin 0 -> 1577 bytes lib/core/routes/route_name.dart | 2 + lib/core/routes/routes.dart | 16 + lib/core/styles/app_text.dart | 10 + .../pages/deposit/depositScreen.dart | 420 +++++++++++++++++- .../presentation/pages/deposit/preview.dart | 417 +++++++++++++++++ .../presentation/pages/walletScreen.dart | 50 ++- 7 files changed, 891 insertions(+), 24 deletions(-) create mode 100644 assets/images/wallet_screen/copy.png create mode 100644 lib/features/MainScreens/Wallet/presentation/pages/deposit/preview.dart diff --git a/assets/images/wallet_screen/copy.png b/assets/images/wallet_screen/copy.png new file mode 100644 index 0000000000000000000000000000000000000000..ed562cf824e81cc0409f586fda27da11b53f2013 GIT binary patch literal 1577 zcmb7^`#;kQ7{|Y3WOIv!r5(97mvBa|VME*8;w;H6GIlyDl8}aBNfXAXq~ww`!a~Zy zESC+H+ab9mj%l$RhLqeY$N8Z@;JjYX`}w>+&-3f&^+_YRJIX>;p#T8LIy+%Kc9gh7 zkd)-k*6Vm!xFe7VC*LRlFmU}35YzT{#m*5F<>BZ6RQDt1b__Vg-pw8Wo-m}p1xWya zM2j=l-jfUx6}EcpbKc!`Qc;)6kASutUQn-00c#sfEF`-akovXG zN!R(2U1IXdUAwKXJkZuyoM&6*$y#q7YPNnF|E0#Ier54CbFL<&tbFi`A|zQ|>gV`q zIqH!}Bwjp)GSN2^iT>dm7Z>Np-8xVQMlbD?v!(n&6};tg9blBw6sJr8#bI3gXdMHMCi3tq1vk9G42)9Nx`P7zr-|8il-}-i+Sqj+M2iYX&@!VzR(IARfc#bvZKitLd86~chx=}X1D$r~7k8Io7fPQzAns8&nl7oI< zG)qLSzn))J%y1~;6=iD7dXqQQ(5>dvU++&X)!;S~MXX5qY(F7ANP*l4Y3>Sz%Xs4l3(P>M zyWycm5+7R}Z-EAAM{+CIA#%Fuo$rnI65Rl-a^hHQp*K@O32thdmtaE7QpC<&j%mu! zWPRrA1vM}uCq}QB7YGPRiE8If{qA%cQJ1z{*Vfh$W}MW)Rz`-Z0LJA|O~7%H@*-&S zhaAuoIs1iAs2^s3FNUBxQA+IGnzQjF7$D6O@6X9D(cyRnD^N2TS1%fT%TF_)!ZE5j zVE!91HxwEvK*~`9?YPo(2|jB!l8(mw*2E(1}L!`stYsexpx09TN=e~ij0_3K0t10y$BpuuaM&y$n zQ7YB{+1!dhby!hYf?#A;Kg+yO96z?60^jEBk2F*A@HZR z6PIZwDdQ18l54;7hKO!df1~oP!4dP*QkL{^>vQZ-935Y37j>3lf<+gPemB5OitT}3 z8whlZy3`Tbv~XOK@8`fCk2!a6q}K;_fB2l)C4n~QpRs3S*9^(xhYMz~QC1&gn(>&P zhJb3kw+i>5az^oxe)9PDno04@>3VybkJ3)w_GhLkyX>CMx7a?Gz8ssZ4I3IV5HgM#+Scf$>O}0d(k!HGB?;wpsc~`=O|roUErE; z>O5IOxl`q4iY{jZS%KpsJs}?Z=5s2w2Wp2Y*b2`H6 z3YhATR+KYrIc#Ae4Dk1-Fr_@Jh67I2$N1;s_JPS}8xp&$Tr0C#bJ~c_)4S!jEV25% zgW(OaxQ&DpuQCp$l(rJY+Dhm1&n)awm^@iW%>fG52x^<(D4CkjWyDNu8oAi-Ca2A` zhLk*rSjITBhMizbr6E2C8;II~SK4y}oe@vA)-z?(@!_YwVI59@nsQyf4@nSp(S9;~ z+gRiR7NDZ@J5*^}rI9Vp?Z1imAu0oR9FG546_3*o#8j}XOOXqbDl0zz{xV_6QOk;$ z%a?`IB6C{TbLTWO%i&6qpJPt(ew1slVc#RA>Q&A666r5RB2i#ZPft})&{;2nZy)9r zC`W>*&YkP-hPJNik!pp_CTLg&(A(G7XBEfw9){HsEZC{W+YMD!2g?tPD8|z0ab7Z` zdscN5mj7}@moaajeIWno?Zm_ceoXiox;J1_%OW`f^wthXay$A=sQt4~`PoSTlTgvc TOU$a=X?DOF=Z>v*ASV9{f4 { + int selectedIndex = 0; @override Widget build(BuildContext context) { - return Scaffold(); + final radioBloc = context.read(); + return Scaffold( + backgroundColor: Colors.white, + appBar: AppBar( + backgroundColor: Colors.white, + elevation: 0, + scrolledUnderElevation: 0.0, + centerTitle: true, + title: Text( + AppText.depositScreenTitle, + style: GoogleFonts.dmSans( + color: const Color(0xFF272727), + fontSize: 20.sp, + fontWeight: FontWeight.w700, + ), + ), + ), + body: Padding( + padding: const EdgeInsets.all(18.0), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + RichText( + text: TextSpan( + children: [ + TextSpan( + text: AppText.balance, + style: GoogleFonts.dmSans( + color: const Color(0xFF888888), + fontSize: 12.sp, + fontWeight: FontWeight.w700, + ), + ), + TextSpan( + text: 'SAR 178,000 ', + style: GoogleFonts.dmSans( + color: const Color(0xFF191B1E), + fontSize: 14.sp, + fontWeight: FontWeight.w700, + ), + ), + ], + ), + ), + SizedBox( + height: 20.h, + ), + Container( + width: double.infinity, + decoration: BoxDecoration( + borderRadius: BorderRadius.circular(22.r), + color: Colors.white, + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.15), + spreadRadius: 2, + blurRadius: 10, + offset: const Offset(0, 5), + ), + ], + ), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Padding( + padding: const EdgeInsets.all(12.0), + child: Row( + children: [ + Container( + decoration: const BoxDecoration( + shape: BoxShape.circle, color: Color(0xFF0FA4A4)), + child: Padding( + padding: const EdgeInsets.all(12.0), + child: Image.asset( + 'assets/images/wallet_screen/deposit_list.png', + height: 36.h, + ), + ), + ), + SizedBox( + width: 12.w, + ), + Text( + AppText.depositTitle, + style: GoogleFonts.dmSans( + color: Colors.black, + fontSize: 17.sp, + fontWeight: FontWeight.w700, + ), + ), + ], + ), + ), + Container( + decoration: BoxDecoration( + color: const Color(0xFFD8D8D8).withOpacity(0.4), + ), + child: Padding( + padding: const EdgeInsets.symmetric( + vertical: 16.0, horizontal: 12.0), + child: Row( + crossAxisAlignment: CrossAxisAlignment.center, + children: [ + Text( + 'SAR', + style: GoogleFonts.dmSans( + color: const Color(0xFF363636), + fontSize: 15.sp, + fontWeight: FontWeight.w700, + ), + ), + SizedBox( + width: 12.w, + ), + SizedBox( + width: 280.w, + child: TextFormField( + cursorColor: Colors.black, + keyboardType: TextInputType.number, + textAlign: TextAlign.center, + style: GoogleFonts.dmSans( + color: Colors.black, + fontSize: 16.sp, + fontWeight: FontWeight.w400, + ), + decoration: InputDecoration( + hintText: '1000', + hintStyle: GoogleFonts.dmSans( + color: const Color(0xFFC6C6C6), + fontSize: 16.sp, + fontWeight: FontWeight.w400, + ), + labelStyle: + const TextStyle(color: Colors.black), + contentPadding: const EdgeInsets.symmetric( + vertical: 15, horizontal: 10), + filled: true, + fillColor: Colors.white, + border: OutlineInputBorder( + borderRadius: BorderRadius.circular(12), + borderSide: const BorderSide( + color: Colors.white, width: 1), + ), + enabledBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(12), + borderSide: const BorderSide( + color: Colors.white, width: 1), + ), + disabledBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(12), + borderSide: const BorderSide( + color: Colors.white, width: 1), + ), + focusedBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(12), + borderSide: const BorderSide( + color: Colors.white, width: 1), + ), + errorBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(12), + borderSide: const BorderSide( + color: Colors.red, width: 1), + ), + focusedErrorBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(12), + borderSide: const BorderSide( + color: Colors.red, width: 1), + ), + ), + inputFormatters: [ + FilteringTextInputFormatter.deny(RegExp(r'\s')), + LengthLimitingTextInputFormatter(20), + ], + ), + ), + ], + ), + ), + ), + Container( + decoration: BoxDecoration( + color: const Color(0xFFD8D8D8).withOpacity(0.4), + borderRadius: BorderRadius.only( + bottomLeft: Radius.circular(22.r), + bottomRight: Radius.circular(22.r), + ), + border: const Border( + top: BorderSide(color: Color(0xFFD8D8D8), width: 2.0), + ), + ), + child: Padding( + padding: const EdgeInsets.symmetric( + vertical: 16.0, horizontal: 12.0), + child: Column( + children: [ + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Text( + 'Fee', + style: GoogleFonts.dmSans( + color: const Color(0xFF535353), + fontSize: 14.sp, + fontWeight: FontWeight.w500, + ), + ), + Text( + '3%', + style: GoogleFonts.dmSans( + color: Colors.black, + fontSize: 14.sp, + fontWeight: FontWeight.w700, + ), + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Text( + 'Total Deposit amount:', + style: GoogleFonts.dmSans( + color: const Color(0xFF535353), + fontSize: 14.sp, + fontWeight: FontWeight.w500, + ), + ), + Text( + 'SAR 253', + style: GoogleFonts.dmSans( + color: Colors.black, + fontSize: 14.sp, + fontWeight: FontWeight.w700, + ), + ), + ], + ), + ], + ), + ), + ), + ], + ), + ), + const Gap(30), + TextWidget().text15W700(AppText.choosePaymentMethodText, + clr: AppColor.plainBlack), + const Gap(16), + InkWell( + onTap: () { + radioBloc.add(const RadioSelected(0)); + }, + child: Container( + padding: const EdgeInsets.all(12), + decoration: ShapeDecoration( + color: Colors.white, + shape: RoundedRectangleBorder( + side: const BorderSide(color: Color(0xFFD8D8D8)), + borderRadius: BorderRadius.circular(22), + ), + shadows: const [ + BoxShadow( + color: Color(0x14000000), + blurRadius: 8, + offset: Offset(-2, -2), + spreadRadius: 0.50, + ), + BoxShadow( + color: Color(0x3391978E), + blurRadius: 8, + offset: Offset(2, 2), + spreadRadius: 1, + ) + ], + ), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + children: [ + Radio( + activeColor: AppColor.radioActiveColor, + value: 0, + groupValue: selectedIndex, + onChanged: (int? value) { + if (value != null) { + radioBloc.add(RadioSelected(value)); + } + }, + ), + SvgPicture.asset(AppImages.walletIcon), + const Gap(5), + TextWidget().text14W700(AppText.bankTransfer, + clr: AppColor.textLabelColor), + ], + ), + TextWidget().text14W500( + "Directly transfer funds from your bank account into your Tanami wallet.", + clr: AppColor.textLabelColor, + txtAlign: TextAlign.left, + ), + const Gap(12), + ], + ), + ), + ), + const Gap(12), + InkWell( + onTap: () { + radioBloc.add(const RadioSelected(1)); + }, + child: Container( + padding: const EdgeInsets.all(12), + decoration: ShapeDecoration( + color: Colors.white, + shape: RoundedRectangleBorder( + side: const BorderSide(color: Color(0xFFD8D8D8)), + borderRadius: BorderRadius.circular(22), + ), + shadows: const [ + BoxShadow( + color: Color(0x14000000), + blurRadius: 8, + offset: Offset(-2, -2), + spreadRadius: 0.2, + ), + BoxShadow( + color: Color(0x3391978E), + blurRadius: 8, + offset: Offset(2, 2), + spreadRadius: 1, + ) + ], + ), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Row( + children: [ + Radio( + activeColor: AppColor.radioActiveColor, + value: 1, + groupValue: selectedIndex, + onChanged: (int? value) { + if (value != null) { + radioBloc.add(RadioSelected(value)); + } + }, + ), + SvgPicture.asset(AppImages.applePayIcon), + const Gap(5), + TextWidget().text14W700(AppText.applePayText, + clr: AppColor.textLabelColor), + ], + ), + ], + ), + TextWidget().text14W500( + AppText.instantTransferFundsApplePayText, + clr: AppColor.textLabelColor, + txtAlign: TextAlign.left, + ), + const Gap(12), + ], + ), + ), + ), + const Gap(16), + ], + ), + ), + bottomNavigationBar: GestureDetector( + onTap: () { + goRouter.pushNamed(RouteName.depositPreview); + }, + child: Container( + margin: const EdgeInsets.all(12.0), + height: 56.h, + width: double.infinity, + decoration: BoxDecoration( + borderRadius: BorderRadius.circular(22.r), + color: const Color(0xFF004717), + ), + child: Padding( + padding: const EdgeInsets.symmetric(vertical: 20.0), + child: Center( + child: Text( + AppText.depositNoti, + style: GoogleFonts.dmSans( + color: Colors.white, + fontSize: 14.sp, + fontWeight: FontWeight.w700, + ), + ), + ), + ), + ), + ), + ); } -} \ No newline at end of file +} diff --git a/lib/features/MainScreens/Wallet/presentation/pages/deposit/preview.dart b/lib/features/MainScreens/Wallet/presentation/pages/deposit/preview.dart new file mode 100644 index 0000000..16131ab --- /dev/null +++ b/lib/features/MainScreens/Wallet/presentation/pages/deposit/preview.dart @@ -0,0 +1,417 @@ +import 'package:flutter/material.dart'; +import 'package:flutter/widgets.dart'; +import 'package:flutter_screenutil/flutter_screenutil.dart'; +import 'package:gap/gap.dart'; +import 'package:google_fonts/google_fonts.dart'; +import 'package:tanami_app/core/routes/route_name.dart'; +import 'package:tanami_app/core/routes/routes.dart'; +import 'package:tanami_app/core/styles/app_text.dart'; +import 'package:tanami_app/shared/components/text_widget.dart'; + +class DepositPreview extends StatefulWidget { + const DepositPreview({super.key}); + + @override + State createState() => _DepositPreviewState(); +} + +class _DepositPreviewState extends State { + List titles = [ + AppText.accountHolderName, + AppText.iban, + AppText.beneficiaryAddress, + AppText.bankName, + AppText.branchAddress, + AppText.SWIFTcode, + AppText.refid, + ]; + List values = [ + 'Name Surname', + 'DE 1234 5678 9012 3456', + 'Hohenzollernring 58, 95444', + 'Name Bank', + 'Hohenzollernring 58, 95444', + 'BC12345', + 'FRYU FHDU 1234', + ]; + + List titles2 = [ + AppText.amtTrans, + AppText.paymentMethod, + AppText.feeText, + AppText.depositAmt, + ]; + List values2 = [ + '', + 'Money Transfer', + '3%', + 'SAR 253', + ]; + @override + Widget build(BuildContext context) { + return Scaffold( + backgroundColor: Colors.white, + appBar: AppBar( + backgroundColor: Colors.white, + elevation: 0, + scrolledUnderElevation: 0.0, + centerTitle: true, + title: Text( + AppText.depositScreenTitle, + style: GoogleFonts.dmSans( + color: const Color(0xFF272727), + fontSize: 20.sp, + fontWeight: FontWeight.w700, + ), + ), + ), + body: SingleChildScrollView( + child: Padding( + padding: const EdgeInsets.all(18.0), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + RichText( + text: TextSpan( + children: [ + TextSpan( + text: AppText.balance, + style: GoogleFonts.dmSans( + color: const Color(0xFF888888), + fontSize: 12.sp, + fontWeight: FontWeight.w700, + ), + ), + TextSpan( + text: 'SAR 178,000 ', + style: GoogleFonts.dmSans( + color: const Color(0xFF191B1E), + fontSize: 14.sp, + fontWeight: FontWeight.w700, + ), + ), + ], + ), + ), + SizedBox( + height: 20.h, + ), + Container( + width: double.infinity, + decoration: BoxDecoration( + borderRadius: BorderRadius.circular(22.r), + color: Colors.white, + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.15), + spreadRadius: 2, + blurRadius: 10, + offset: const Offset(0, 5), + ), + ], + ), + child: Column( + children: [ + Padding( + padding: const EdgeInsets.all(12.0), + child: Row( + children: [ + Container( + decoration: const BoxDecoration( + shape: BoxShape.circle, + color: Color(0xFF0FA4A4)), + child: Padding( + padding: const EdgeInsets.all(12.0), + child: Image.asset( + 'assets/images/wallet_screen/deposit_list.png', + height: 36.h, + ), + ), + ), + SizedBox( + width: 12.w, + ), + Text( + AppText.depositTitle, + style: GoogleFonts.dmSans( + color: Colors.black, + fontSize: 17.sp, + fontWeight: FontWeight.w700, + ), + ), + ], + ), + ), + Container( + decoration: BoxDecoration( + borderRadius: BorderRadius.only( + bottomLeft: Radius.circular(22.r), + bottomRight: Radius.circular(22.r), + ), + color: const Color(0xFFD8D8D8).withOpacity(0.4), + ), + child: Padding( + padding: const EdgeInsets.symmetric( + vertical: 16.0, horizontal: 12.0), + child: ListView.builder( + physics: const NeverScrollableScrollPhysics(), + shrinkWrap: true, + itemCount: titles2.length, + itemBuilder: (context, index) { + return Padding( + padding: + const EdgeInsets.symmetric(vertical: 5.0), + child: Row( + crossAxisAlignment: CrossAxisAlignment.center, + mainAxisAlignment: + MainAxisAlignment.spaceBetween, + children: [ + Text( + titles2[index], + style: GoogleFonts.dmSans( + color: const Color(0xFF535353), + fontSize: 14.sp, + fontWeight: FontWeight.w500, + ), + ), + (index == 0) + ? Column( + crossAxisAlignment: + CrossAxisAlignment.end, + children: [ + Text( + 'SAR 55,000', + style: GoogleFonts.dmSans( + color: Colors.black, + fontSize: 14.sp, + fontWeight: FontWeight.w700, + ), + ), + Text( + '\$ 14,685', + style: GoogleFonts.dmSans( + color: Colors.black, + fontSize: 11.sp, + fontWeight: FontWeight.w400, + ), + ), + ], + ) + : Text( + values2[index], + style: GoogleFonts.dmSans( + color: Colors.black, + fontSize: 14.sp, + fontWeight: FontWeight.w700, + ), + ), + ], + ), + ); + }, + ), + ), + ), + ], + ), + ), + SizedBox( + height: 20.h, + ), + Container( + width: double.infinity, + decoration: BoxDecoration( + borderRadius: BorderRadius.circular(22.r), + color: const Color(0xFFEEF6FB), + border: Border.all(color: const Color(0xFF90D4FF)), + boxShadow: const [ + BoxShadow( + color: Color(0xFFB0D3EF), + spreadRadius: 1, + blurRadius: 10, + offset: Offset(0, 3), + ), + ], + ), + child: Padding( + padding: const EdgeInsets.symmetric( + vertical: 12.0, horizontal: 16.0), + child: Row( + crossAxisAlignment: CrossAxisAlignment.center, + children: [ + Image.asset( + 'assets/images/wallet_screen/info.png', + height: 25.h, + ), + SizedBox( + width: 10.w, + ), + Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + AppText.depositScreenTitle, + style: GoogleFonts.dmSans( + color: const Color(0xFF015698), + fontSize: 14.sp, + fontWeight: FontWeight.w700, + ), + ), + const Gap(4), + SizedBox( + width: 280.w, + child: Text( + AppText.info3, + style: GoogleFonts.dmSans( + color: const Color(0xFF015698), + fontSize: 12.sp, + fontWeight: FontWeight.w500, + ), + ), + ), + ], + ), + ], + ), + ), + ), + SizedBox( + height: 20.h, + ), + Column( + mainAxisSize: MainAxisSize.min, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + AppText.depositDetails, + style: GoogleFonts.dmSans( + color: Colors.black, + fontSize: 15.sp, + fontWeight: FontWeight.w700, + ), + ), + SizedBox( + height: 10.h, + ), + const Divider( + color: Color(0xFFE3E3E3), + ), + SizedBox( + height: 10.h, + ), + ListView.builder( + physics: const NeverScrollableScrollPhysics(), + itemCount: titles.length, + shrinkWrap: true, + itemBuilder: (context, index) { + return Column( + children: [ + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + crossAxisAlignment: CrossAxisAlignment.center, + children: [ + Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + titles[index], + style: GoogleFonts.dmSans( + color: Colors.black, + fontSize: 14.sp, + fontWeight: FontWeight.w700, + ), + ), + SizedBox( + height: 8.h, + ), + Text( + values[index], + style: GoogleFonts.dmSans( + color: const Color(0xFF191B1E), + fontSize: 14.sp, + fontWeight: FontWeight.w400, + ), + ), + ], + ), + Image.asset( + 'assets/images/wallet_screen/copy.png', + height: 25.h, + ) + ], + ), + (index != titles.length - 1) + ? Column( + children: [ + SizedBox( + height: 12.h, + ), + Divider( + color: Color(0xFFE3E3E3), height: 2.h), + SizedBox( + height: 12.h, + ), + ], + ) + : SizedBox( + height: 10.h, + ), + ], + ); + }, + ) + ], + ), + ], + ), + ), + ), + bottomNavigationBar: Column( + mainAxisSize: MainAxisSize.min, + children: [ + GestureDetector( + onTap: () { + goRouter.pushNamed(RouteName.otpScreen, pathParameters: { + "fromScreen": 'withdrawal', + }); + }, + child: Container( + margin: const EdgeInsets.all(12.0), + height: 56.h, + width: double.infinity, + decoration: BoxDecoration( + borderRadius: BorderRadius.circular(22.r), + color: const Color(0xFF004717), + ), + child: Padding( + padding: const EdgeInsets.symmetric(vertical: 20.0), + child: Center( + child: Text( + AppText.submitDeposit, + style: GoogleFonts.dmSans( + color: Colors.white, + fontSize: 14.sp, + fontWeight: FontWeight.w700, + ), + ), + ), + ), + ), + ), + Gap(10), + GestureDetector( + onTap: () { + Navigator.pop(context); + }, + child: TextWidget().text14W700( + AppText.back, + clr: const Color(0xFF363636), + textDecoration: TextDecoration.underline, + ), + ), + Gap(30), + ], + ), + ); + } +} diff --git a/lib/features/MainScreens/Wallet/presentation/pages/walletScreen.dart b/lib/features/MainScreens/Wallet/presentation/pages/walletScreen.dart index cb43704..3578e94 100644 --- a/lib/features/MainScreens/Wallet/presentation/pages/walletScreen.dart +++ b/lib/features/MainScreens/Wallet/presentation/pages/walletScreen.dart @@ -1,4 +1,5 @@ import 'package:flutter/material.dart'; +import 'package:flutter/widgets.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:google_fonts/google_fonts.dart'; import 'package:tanami_app/core/routes/route_name.dart'; @@ -126,31 +127,36 @@ class _WalletScreenState extends State { mainAxisAlignment: MainAxisAlignment.spaceEvenly, crossAxisAlignment: CrossAxisAlignment.center, children: [ - Column( - mainAxisSize: MainAxisSize.min, - children: [ - Container( - decoration: const BoxDecoration( - shape: BoxShape.circle, - color: Colors.black, - ), - child: Padding( - padding: const EdgeInsets.all(8.0), - child: Image.asset( - 'assets/images/wallet_screen/deposit.png', - height: 20.h, + GestureDetector( + onTap: () { + goRouter.pushNamed(RouteName.depositScreen); + }, + child: Column( + mainAxisSize: MainAxisSize.min, + children: [ + Container( + decoration: const BoxDecoration( + shape: BoxShape.circle, + color: Colors.black, + ), + child: Padding( + padding: const EdgeInsets.all(8.0), + child: Image.asset( + 'assets/images/wallet_screen/deposit.png', + height: 20.h, + ), ), ), - ), - Text( - 'Deposit', - style: GoogleFonts.dmSans( - color: const Color(0xFF363636), - fontSize: 12.sp, - fontWeight: FontWeight.w700, + Text( + 'Deposit', + style: GoogleFonts.dmSans( + color: const Color(0xFF363636), + fontSize: 12.sp, + fontWeight: FontWeight.w700, + ), ), - ), - ], + ], + ), ), const VerticalDivider( color: Colors.black,