From bbe30a67eb9740f5d28382f6fc02e60f52418471 Mon Sep 17 00:00:00 2001 From: Andi Firwansyah Date: Fri, 2 Dec 2022 12:54:07 +0700 Subject: [PATCH] merchant registration --- android/app/src/main/res/values/strings.xml | 2 +- src/assets/images/days/jumat.png | Bin 0 -> 1702 bytes src/assets/images/days/kamis.png | Bin 0 -> 1850 bytes src/assets/images/days/minggu.png | Bin 0 -> 1846 bytes src/assets/images/days/rabu.png | Bin 0 -> 1823 bytes src/assets/images/days/sabtu.png | Bin 0 -> 2158 bytes src/assets/images/days/selasa.png | Bin 0 -> 2158 bytes src/assets/images/days/senin.png | Bin 0 -> 2158 bytes src/components/Button/index.js | 2 + src/components/Input/_maps.js | 3 +- src/components/Modal/ModalSetHours/index.js | 98 +++++++++ src/components/Modal/ModalSetHours/styles.js | 83 ++++++++ src/components/index.js | 2 + src/constants/translations/en/common.js | 3 + src/constants/translations/id/common.js | 3 + src/navigations/auth-navigator.js | 2 + src/scenes/Login/styles.js | 7 +- .../BankAccount/styles.js | 1 + .../BusinessSummary/styles.js | 1 + .../OperationalTime/index.js | 186 ++++++++++++++++++ .../OperationalTime/styles.js | 126 ++++++++++++ .../OutletSummary/styles.js | 1 + .../BusinessProfileRegistration/index.js | 2 +- .../BusinessProfileRegistration/styles.js | 1 + src/scenes/Register/styles.js | 1 + src/scenes/index.js | 2 + 26 files changed, 520 insertions(+), 6 deletions(-) create mode 100644 src/assets/images/days/jumat.png create mode 100644 src/assets/images/days/kamis.png create mode 100644 src/assets/images/days/minggu.png create mode 100644 src/assets/images/days/rabu.png create mode 100644 src/assets/images/days/sabtu.png create mode 100644 src/assets/images/days/selasa.png create mode 100644 src/assets/images/days/senin.png create mode 100644 src/components/Modal/ModalSetHours/index.js create mode 100644 src/components/Modal/ModalSetHours/styles.js create mode 100644 src/scenes/Register/BusinessProfileRegistration/OperationalTime/index.js create mode 100644 src/scenes/Register/BusinessProfileRegistration/OperationalTime/styles.js diff --git a/android/app/src/main/res/values/strings.xml b/android/app/src/main/res/values/strings.xml index 991f1f1..79ebb77 100644 --- a/android/app/src/main/res/values/strings.xml +++ b/android/app/src/main/res/values/strings.xml @@ -1,3 +1,3 @@ - ebogaMerchant + Ola Merchant diff --git a/src/assets/images/days/jumat.png b/src/assets/images/days/jumat.png new file mode 100644 index 0000000000000000000000000000000000000000..c97d79ba02423170aed0c6e2cadc04a2fba4ee3c GIT binary patch literal 1702 zcmb7_=~ohn0>xomMn%hoGWWa0)14EaNJzo{;hHZ zXdG^;qOs?M>w9H%-5V!1_76X#RjOVlwWg}?8oA}AM2QAAsxq3$Z1M<2B4xI%Oih)c zGo!Z|Ouw6LlOLW-mLntQ?Majus#n508N<71{InclPZihvDs6lFsbojq@X7T-rXS|~ z7%XyARcgkHsF%oYkmav9xfUr6?>+2B$XtV~+@{B@!l(T>%dW~F*ESNC0_n{B?oRbo@z)xo@=+up& zX3MfUo#}&|_AJI!Zey&~rUoQ04f;t>m+~DSOdcc2GKAKvxmz7_2YRYF_?Rl@tS^&^ zEP5eZ`9^9Kmc#7B7s?IKvcm=}XTK`pc7^t_`qGjUF(DXnPmf}w0|hy@^Z{%)|4#B} zs|EDcPq~OQAVc+2x!rH-3>EBYTRKJ=)2CAawwVXD#l-Rs?bOI&*7I66KE8`q-|}hR z9-F+yEpA-w>^t>dHRDxq({P`|XzXq;ojjSSPi#%>iTm6HQ~^Qi`EPBJy=y_+lU9|E z<1DCdsCUZJ36FsaY8vl^yY$9=B&oqd7-mDA3Km`1S~$HZ*RhfDRP#-Ku0zU$Rd59Uv-C)xnyPttz7KL6h`fwCI`0w)-=x0|3K8pYclVt zL$BY?7sjvz>rP1GfdH^M=HgM-Sn(ypG?-$4WqxKza1hs_Lx|NDj2#O6zCVo-IKGTX zSnq`O`U(!YEY}?WjSqfjzP2>hjMB^hQ#=znNfYTyVVfURqwiG1Kur<(sXBUusC8kFI$7vKY#LDRLrkAw_UrQ z>_O_5X%KY9#shpr3|d0jSq2RM2ZSLDx}I9=S&`9J&8!feMPZ)i8+L8UGUiy@dxh2u zJmpjT67TEpOsSYzx5651Fn+!GtdzjpM8b`#XRb1sDl2LjJ$JIm4- z9HbtOPA<55#!fc_LHVF@u1s%2_mHLjJq7W^Txm^7trA7Yd!#r}aF2JbrvGWJ18Dcr z+X8QPL3uSJfBq9GR=<&MKzswG5h_}m;Q=DMtg`12#(WO2rrN8Nhx(t0CxyRrQ zg-vY8h4ISJ(sh2~S`G@rt*zDaO!+y_%f%LpdI0;sf$uDSor^L59T&Yf$%e7 zlO{+v7cVX@=5isYpdqJgnpZHa&M#Ht^6J8Oa^2RjvLKYb`h1*uN*wg z&K(QuWKyyVw>l>@V(SmtF;dU#=%PQ~HdG~94>9nL@rT(Uf0xBo zu#*>RyeYY|Qo9rnZ#&u+_ho$e%gUwIyyG$o1;JCyX@8jd=PV4ey7qV$?0@dT1mYos zI~p$?rREfv5hlA8D&FWF?nloptsV&O4${hxU`F9);a2HEDpxCbK7@$79af|tc?rMR zJgT^O&w}`0U}CXOTxcTXY6pgvY4cn!*?`EpOu$rk8_y)YM>9;~JxSyG#C}ymyi$(F zordP6`M*fS%=Vdyq!1(W?y){C_aWo*&B3`TZp_anl0av+C8IXpBNb@lXe=+1qOs2w za=Df$s5Ko-)4!a}7JRP^qKV+oK+l@*w5g*aLWg{h-M?=(ZB|?#ebe7Irwl#!(?xac zH(S^>Ye(^K7hd}gj%%ZXvn%D)*rX+q*Z2rDOg6fd*a1m0WG?(`+PLbb8{scD*Ah1Z zQ#1G>pR)pYza%SpnULCkJdtV>Q@%%pWYBAhE@e+UX#rI$>WIvQ4L|!fM7`R~?2!Fq cXY!N`xDYCDlI>wk-@g?A%H7wE>k^j!Hx4{K&;S4c literal 0 HcmV?d00001 diff --git a/src/assets/images/days/kamis.png b/src/assets/images/days/kamis.png new file mode 100644 index 0000000000000000000000000000000000000000..118521893bb9293fd94acf241726c50a38a18775 GIT binary patch literal 1850 zcmV-A2gUe_P)zN)h(se4HSwO1s)+%k6*L4eCA1i64HXK}66pgarkM6Y&=dn| zf`%$2L?IaQQ4=BQqfwtUl0u=>La%gpySF)hXSXvuyR%!$u-%zW=a(!ydvn=dWylfhY8uOmO1z(d^UaLmCI>z~+0p(vEM!x|2OFs`9h|c=27DV0vt6gZXd6Ke zkdPyMC7wM1uLXmTq%ETD!*6VFydM^^slIV31N#n~%_C_tHEnf!@jh}y&cuQ7HE9iQ zkJr5x79qLatC9ZsIDZv6B4^?xFpr^)$B(o%(8$l&nj>;I;$|2bj{twM`Z=04B~@Kcw%QGL?8`r3`6NJ4xG}Xkk+x+#b#iZC;M~^!oX*0H0#) z4~s_>Je=({Zc4$W9xsYzH*N-lh=MN%k8Qj5OjXCiu5<6{_f4Iuu7#~hX)_mDk}$8R z2#h604IP7qt4~*bq~Avq$17{@qq{md#1Zm}<>Z9q3?KG9yJ3#@y!MR5E9l=+Op&Of zU??x0)cy#>XAm(h8?N-ea!E^my0J*s?qE2G0IJYvQ)6(&tsr`5B|9PB zYDF-LS+t+PQlEham6l~$E!jIjc}ScJ;|&pyPOPr8x-A|)RAQpZL0cft2y(z;gBR8i6Tr( zH5JM2;pjRW-`2#9SG~-c6XH^c(A*sNCrdO*mjj%sY7$4BNgQz|am1O#5oZ!doJkyU zCUL}>#1Ur_>;4Rjs9N(v%Hz$|HFVp0+t-bZ45MLtZTw!(%8JL(+I|T6z*2D+fBQA% z@$;)IF%`CKTyJ=7`I4pRICdQQqTr_LzNXz7rJeiv7c8dxd{I#1+72GTu_K2K?I%v1 z&8sv)!H7Hm<5{$~wiwzEQcPP}u?qR7AjDm{(v61tT0{HZefv?jqY+kMdvQYA>y&** zhEp?W{f=E|YHop5*jk(@H-xk+m%CHiMfPoNKMX6ewYY}5T7xu^K~J1K1FNyEIFUg` zLeQg@9i?Suuo_#66VlQ%=xmae?^U9Paob1}*h*Z_L=zW`IoFk^qon=n(O4{bp|2*cdl+1C)TI#8{mf95B=-1| z&uQZPF`#!04igAxLEXjC*MkfL;H?Wg2 zT)+%RB!_+qRWWtMN$6rxH0k#-g#PpYa4(%Hd53ncr}+2?rIs19x)8~M76KTJ#OpTk o%RfDI`?916pH)A^M)mvt4~=731coj+KL7v#07*qoM6N<$f-tLca{vGU literal 0 HcmV?d00001 diff --git a/src/assets/images/days/minggu.png b/src/assets/images/days/minggu.png new file mode 100644 index 0000000000000000000000000000000000000000..f12d62e6a4fa582ea3289b0341d6802cae0880fa GIT binary patch literal 1846 zcmV-62g&$}P)NMc4l^4y3=XTn9eWR?#!7p+cW?9Zf9p_ z7+hj?T|-4lS@=_MUc(q}a^RDerp7NIk+oajdzHr0#5t>A!0~jFZ9n1Pq;ou5L zLJ09#*HA+t&Ttb7Mtkv=b6IGo!4mxw3qYxovJDr5*UYf-YU2)Zp4S%Um__@~f&?O3{&-k6qTs&a z_6br7E)RuKss?d09!DB{A$Vrv)hDW(X1D(Ij=8VZRRgp4~b&=Kt(v>URo)9CI1fhKliHx5;{A?bD0?Qy10jlWkYYHQ z`~d~X=k)Oi#4(7NHXH%_Sh->(Ka(wzYDJiX2%s8Sn;wG~--_efl-wZ1M=gq{F@^dG zLIGvmL=%Y5o)(E9ksdsmkHixAfySnpj_HAD!WfT2?PY2RPH|kIinAeHPv^Dn7^0C7 zTBnwvETdsfM;{h25-JkGL?KRQ>5woY7;U@Sh33ks=u!h%-qnvaT``1R8jow0y-L>i z*0pYIy52+Kl88^|2znU8wZ~%=34Gy3LZfJ@FRSK8#=Q{I{~s8_O%IiLBNciGQB>ce*^iDwsZU=v zgewiGJX;m|7$j}NnaO2UHQ;C1+n|}|q`p`VFrG*_Z2rX1kAszZF?9O4V-5MMZl_`*5F7tSHRa1QZ>bBHgT zLnh>BSk=p)&1?Ji`%@?{uYeou-L(T3{`lR}w!iT+EL!{!#)}CN?)-0O^V*Iy9m4Lt zA7HFpy3~dvhY#kp_xAQ+Jdx(AN9kbQIJm}rA3+AvgcG8*G=GD!AgryW`50s%H94FZ z<3S%idAX5-xh_VjE;3T{vNJPOPqRznr9?oow$PsR7Ri1dFARY~(1UdifSxei>RWD(p zk>;wq_gH5Qqb-Q-1#eAl9p>IM9}|r<;e^$h4_JtHJF6>H@b20(_Gz0Fq$Y>@Ee)3S z6UUE@*uRjq&68kl0;$5))ULODLn1QeNTrE=o7i6#QiT(uZQg3Ny5S09dkG@kT)4X| zq}OrvTee%QZn%QjUhwYT^C4s+T{t0{y$-WmT_J0e>81it%pB|@2#Yh9Cia3?wzUa7 zA>2p>arPS&Tfw_z=`)axXD-$ZR}kC3bCX$unDLBocB>PjiHk5^DR}L8>hfUC>(*Fj z7tJfyCh(MSBD;=s$xwDCHRCDa3KhgUvI|~2p1YE7FNk%#P=c88oNz+4wd?9EZC)sN z?RfIHBlT}@x2${3+61P1xxfM#A3CGO-CQR!XEFOcO|h@o|KS8JlPPe6i00qPRSf>m zyd2^S=MY~whxo!d#1Jl?@$W0QquHK%)St=S=xYeq)&s8j(pgBD9y63C5idt`+YI5N z8Q@w!e1;I3#Z5OyUyn0%4&>G?G49GOpgoF7j}Wbk3ToZn+DWvFHlxb>@pM}+&`rwD zC;>`?m{hmvi%^v$&x<9+BS#owY0`rP>lv~NDNn~=O3AhI13Q{hs zMsXfK76xotHB^cV`m!P1D-W_O^!7D;vWTYx^`~>|_Q|5nh2mTm95*vlYcJL k>#MR7d|rDm>ofQL4^VYys^-ni0000007*qoM6N<$f(t`v#{d8T literal 0 HcmV?d00001 diff --git a/src/assets/images/days/rabu.png b/src/assets/images/days/rabu.png new file mode 100644 index 0000000000000000000000000000000000000000..6f30636f99ac711f17d3e1acfd44ae41a866f0c8 GIT binary patch literal 1823 zcmV+)2jKXLP)!5nqu&h z=tC6~q7sbgo1mb51I75DQA^9E7J8+-+r7>4JKOH;?9LY3VLG#uonNxunKNg%Xa4h@ z?>pa_J;PuUk8NxU11+k2nb(sUhcVr@gy0tWUOIGaVH$yBt#>&MG53DblF<16zD zygt8o6>LKCdRHL-{5XFYCSjUz5|~d{#?x2Y9?0?wmYRfl7FS{vyaN3Gy1S|CJwsbd z$wve+0k$oys_yp7)3jyl{~frvsyEyV8#pqvyu7Wda;~;)UM!*P`K#xT@jjE_T#h8; zo=74Ag?1U|#~Jf{bA9_)U*^}%=}Nq&Mus%Eg+zO4w1iFAxP6@K%KRL&>GQK;0|7tJ22tV2-l3dZ%8H&fz6A7ocy&exj{(yO5tpEemo_H!X`oGKMf^E*Uhs+7nsXbn4 z{P^hi$QUMnmxjZ`SnL7XIw*EE-=3(NOtg+96Nrs9a_ozBFghMrMg)Si zQPh(Z%}MDS5Ee2LDiDBGh>KY^CX8@KThH~Ot*QcjvIi^shOxRY0>4S^ zF>Pcoll47!z8_mI43N9zQ|ikm${o}TZl_m@{Fz)}xO6p`o)URXZs64-E}%RGZE{mC zgQylKT&h%L)?zzX&_fljI~pNR;0kvo6!MmtZCP8$crmziXP^ob@D)Btwv}B{I>~SOP|Db4cQdca4s9iO@sgARN7cN=ii6r8b zs%4P8K92T7>1|cGk=h42b6s2x3F@08;p`Ai(!>C_s~W@=&LFOE262Tmh%1~yT;UAj z3TF^kID@#t8N|MyVG*?}@0)Pl%E}O`=P$rRk35Ry_twB}Y!&Xrk4G_C_V3%97O;88 zF08BD0K0HxSM5C0fyVlcX^R~k9Dp6zYH|5gghJ^qnNJr9RS03R>(@Mv!{2=mt0^jr zYk0m1r+)uO_v)n?ij(xd{k5IC&j|7Mx4r|baZFdu__bp{pVS>|d2<)6#&JGw@se9n z-`JE>Cj8uQzn+4XI5IfgQ(!o9`t&cb5=RPGQK|p^|lOo-NE zW0!TzIIeZS-s_XhI(PBrS z(5&SG^T1kq!^Rff6}m-e1xhMaV1bC@uH>2w?$5jo;tFRFS2%;X!Wl#rE}C-JmFJ`6 zJ@sffm0jqo3fD0JuDH_W5Ys$nC`lrAg|o+0;le54{4iX`5Sm3bi=!_@8G1*u`#C=D z>}8-kjFLx))<=W$jJQjTSw>mkNnB~ zG*j{{Rc;{vcoT(|lF2SaaG*p0Ly7dbO+5Lhi(Vg=2k~y*4QxnT_dmijRL3ydLaqP+ N002ovPDHLkV1nqFV}t+z literal 0 HcmV?d00001 diff --git a/src/assets/images/days/sabtu.png b/src/assets/images/days/sabtu.png new file mode 100644 index 0000000000000000000000000000000000000000..a9538aeac3fbdf1bd496fcf724a5b78d057ee75b GIT binary patch literal 2158 zcmV-!2$A=RP)3mMtN)48YX1`j{X?T51;h${(V2Fh$KUU^bLY;zw-2u~bB6SOlA(9b z+!@Y%@9%le%m@^SHBGINimK4#kaC?6I3_5v~f}1IT6wgh{jobiDol8(J@fBCg-mx>!KG3MtMf(KH%b9|+-I6o`Te z2O(Ek1_HrQ;3_D>7YM9?_5DeC4GKiTg!4fJZDUfu(rO^fcN{Gcg|oOhhT|2G|7!dP zx!x^wR7)|U0<++rOXe>+8PevN$8P*#=*O#0M^8fmUFTI*b;i-PiES`>Hlh~ z=Om@nVyT2bmP{f;cZHPQLipePZSPxeTF=dMCE3uR!MC7;M7w)pM9kW_gHqbYLJ}9y z^Dlq`!WsK~gdS1whpC*{fLCZg-dG=4AFcN>GZ_^U8yCN!usnC!fpChvE0YF>NaR*11Zbk^D@yNUHq|bKn4)A#2OV z;ALmVaAIC=68ut2$5NO_=P^OQuV|t%{MzS)!-%IQF6LiialAou%b4ENWzo1XA0LfZ zX+gNfb%DxPgIzDn4TCX6!$I^`SD-4L!P@>2Tp~!Qa2Tb6FJ|SWFdU5TJU)QV`PCTE z{8%+GinRkVgbFmDf>rh!S>J6Z2C?D$AqtnWsIhFe{EfWeuXIaOJkuP?rC&n9TOxmf zC-_U@3#b)gPF~C962sy+r25LtT9h-59)@ry$6^!-JmIDzL(wvOteFReEQgSOc3=p1 zZm^;}QehdvMfDl#ezN!|^<|F@;VS)_)T=@dgM>vmGr6p)`MnG~0~u3K>WSqN!&Rfr zjZ%aI@W_!!rjVdkEsHM@l<3{99~;7rul|n|UWm&hNxnHA&6Q|AQx5Q4)g_*AF7bqO zi6@*(JmFm83Fi_|IG1?BxkTNkiDuyFcSnrlnn(mSH4&5(Wh311@DO%&zKpK7cjM5( z0~j6}%6pu}tE+Fo)&E_Cb&czx8l#6eH7akSmg{9G;Mu32M8~6BZDLKuqTemXp7%e% zqD6~QOt|Gbo!@dbE%~+3HBuhq+8=!wTiRM@EgHja+;By$ZlS7B>Z-dsccNq4R@-!2w9j@9yEY46w_;_{Ezb$17S}=6W@Xducj3Snhwl&M|tz)~M2+Z*PwgKLO z5A(*_9(-uVUX|g@tGXOfCR{g(_8N(2W+C;jP79V+tVu$}4wy1mtzTj9RbP8$=Zu!r z?yzdiJ71+nnQ&KMv&J!2ad$9Pf2!|>S@tLv>RGq++lA`Z<4CkNa?34k`QK#cZh)J7 z?n$#7Hf)7m@9cKm3ENByn<`Mc%f;oz2#M0Z&F+3&^!DtZ{`s3JnW);FR=$(ZOX1aI zRqTd+vn(q(tKLtdZ6x7UQ5JO^TOO~HaB;iz@~Qhyj%S>8dHYbMXpGUT_K(W-eu14R z12~rTQG&>3SdMdCs?9Wfy8Y`7r0I84}TtvOxcIQlvO59)-gDe4I-> z;auVg=Mqmiml(p0rM>T!Tgg~{^=LGm`=YNQ+>s$lww`o(#7#dllp+!PqPfQm;i75a z#3(!_Va>)&UylBMOyKl*?tWg3J9Y**8O5B3MH`^PH*0SvNwn`QMrG?&j|>BYr0jVW zKxF`P>TCKOsuJXRu>}9*h(IhwdXQj4la^=J!Yo`odoUcIxXpFq>6~bc%)nUJ%4O9k zdf<`AxFxFwD{(M;YzTMl<>DCqc@Z8u{OdrYsoZ_?($1SN72js>=Ou^ekGPX|^Sd#} z;pEUyp(>rVI3IdN3T@_dY@xsFYZ;=Il3VHIO%xxOP->Yo-32EHY6LKn)ay3><)1#f ky--zwry74RM$G5_1QP7;MW`x!4*&oF07*qoM6N<$f=aF=@&Et; literal 0 HcmV?d00001 diff --git a/src/assets/images/days/selasa.png b/src/assets/images/days/selasa.png new file mode 100644 index 0000000000000000000000000000000000000000..a9538aeac3fbdf1bd496fcf724a5b78d057ee75b GIT binary patch literal 2158 zcmV-!2$A=RP)3mMtN)48YX1`j{X?T51;h${(V2Fh$KUU^bLY;zw-2u~bB6SOlA(9b z+!@Y%@9%le%m@^SHBGINimK4#kaC?6I3_5v~f}1IT6wgh{jobiDol8(J@fBCg-mx>!KG3MtMf(KH%b9|+-I6o`Te z2O(Ek1_HrQ;3_D>7YM9?_5DeC4GKiTg!4fJZDUfu(rO^fcN{Gcg|oOhhT|2G|7!dP zx!x^wR7)|U0<++rOXe>+8PevN$8P*#=*O#0M^8fmUFTI*b;i-PiES`>Hlh~ z=Om@nVyT2bmP{f;cZHPQLipePZSPxeTF=dMCE3uR!MC7;M7w)pM9kW_gHqbYLJ}9y z^Dlq`!WsK~gdS1whpC*{fLCZg-dG=4AFcN>GZ_^U8yCN!usnC!fpChvE0YF>NaR*11Zbk^D@yNUHq|bKn4)A#2OV z;ALmVaAIC=68ut2$5NO_=P^OQuV|t%{MzS)!-%IQF6LiialAou%b4ENWzo1XA0LfZ zX+gNfb%DxPgIzDn4TCX6!$I^`SD-4L!P@>2Tp~!Qa2Tb6FJ|SWFdU5TJU)QV`PCTE z{8%+GinRkVgbFmDf>rh!S>J6Z2C?D$AqtnWsIhFe{EfWeuXIaOJkuP?rC&n9TOxmf zC-_U@3#b)gPF~C962sy+r25LtT9h-59)@ry$6^!-JmIDzL(wvOteFReEQgSOc3=p1 zZm^;}QehdvMfDl#ezN!|^<|F@;VS)_)T=@dgM>vmGr6p)`MnG~0~u3K>WSqN!&Rfr zjZ%aI@W_!!rjVdkEsHM@l<3{99~;7rul|n|UWm&hNxnHA&6Q|AQx5Q4)g_*AF7bqO zi6@*(JmFm83Fi_|IG1?BxkTNkiDuyFcSnrlnn(mSH4&5(Wh311@DO%&zKpK7cjM5( z0~j6}%6pu}tE+Fo)&E_Cb&czx8l#6eH7akSmg{9G;Mu32M8~6BZDLKuqTemXp7%e% zqD6~QOt|Gbo!@dbE%~+3HBuhq+8=!wTiRM@EgHja+;By$ZlS7B>Z-dsccNq4R@-!2w9j@9yEY46w_;_{Ezb$17S}=6W@Xducj3Snhwl&M|tz)~M2+Z*PwgKLO z5A(*_9(-uVUX|g@tGXOfCR{g(_8N(2W+C;jP79V+tVu$}4wy1mtzTj9RbP8$=Zu!r z?yzdiJ71+nnQ&KMv&J!2ad$9Pf2!|>S@tLv>RGq++lA`Z<4CkNa?34k`QK#cZh)J7 z?n$#7Hf)7m@9cKm3ENByn<`Mc%f;oz2#M0Z&F+3&^!DtZ{`s3JnW);FR=$(ZOX1aI zRqTd+vn(q(tKLtdZ6x7UQ5JO^TOO~HaB;iz@~Qhyj%S>8dHYbMXpGUT_K(W-eu14R z12~rTQG&>3SdMdCs?9Wfy8Y`7r0I84}TtvOxcIQlvO59)-gDe4I-> z;auVg=Mqmiml(p0rM>T!Tgg~{^=LGm`=YNQ+>s$lww`o(#7#dllp+!PqPfQm;i75a z#3(!_Va>)&UylBMOyKl*?tWg3J9Y**8O5B3MH`^PH*0SvNwn`QMrG?&j|>BYr0jVW zKxF`P>TCKOsuJXRu>}9*h(IhwdXQj4la^=J!Yo`odoUcIxXpFq>6~bc%)nUJ%4O9k zdf<`AxFxFwD{(M;YzTMl<>DCqc@Z8u{OdrYsoZ_?($1SN72js>=Ou^ekGPX|^Sd#} z;pEUyp(>rVI3IdN3T@_dY@xsFYZ;=Il3VHIO%xxOP->Yo-32EHY6LKn)ay3><)1#f ky--zwry74RM$G5_1QP7;MW`x!4*&oF07*qoM6N<$f=aF=@&Et; literal 0 HcmV?d00001 diff --git a/src/assets/images/days/senin.png b/src/assets/images/days/senin.png new file mode 100644 index 0000000000000000000000000000000000000000..a9538aeac3fbdf1bd496fcf724a5b78d057ee75b GIT binary patch literal 2158 zcmV-!2$A=RP)3mMtN)48YX1`j{X?T51;h${(V2Fh$KUU^bLY;zw-2u~bB6SOlA(9b z+!@Y%@9%le%m@^SHBGINimK4#kaC?6I3_5v~f}1IT6wgh{jobiDol8(J@fBCg-mx>!KG3MtMf(KH%b9|+-I6o`Te z2O(Ek1_HrQ;3_D>7YM9?_5DeC4GKiTg!4fJZDUfu(rO^fcN{Gcg|oOhhT|2G|7!dP zx!x^wR7)|U0<++rOXe>+8PevN$8P*#=*O#0M^8fmUFTI*b;i-PiES`>Hlh~ z=Om@nVyT2bmP{f;cZHPQLipePZSPxeTF=dMCE3uR!MC7;M7w)pM9kW_gHqbYLJ}9y z^Dlq`!WsK~gdS1whpC*{fLCZg-dG=4AFcN>GZ_^U8yCN!usnC!fpChvE0YF>NaR*11Zbk^D@yNUHq|bKn4)A#2OV z;ALmVaAIC=68ut2$5NO_=P^OQuV|t%{MzS)!-%IQF6LiialAou%b4ENWzo1XA0LfZ zX+gNfb%DxPgIzDn4TCX6!$I^`SD-4L!P@>2Tp~!Qa2Tb6FJ|SWFdU5TJU)QV`PCTE z{8%+GinRkVgbFmDf>rh!S>J6Z2C?D$AqtnWsIhFe{EfWeuXIaOJkuP?rC&n9TOxmf zC-_U@3#b)gPF~C962sy+r25LtT9h-59)@ry$6^!-JmIDzL(wvOteFReEQgSOc3=p1 zZm^;}QehdvMfDl#ezN!|^<|F@;VS)_)T=@dgM>vmGr6p)`MnG~0~u3K>WSqN!&Rfr zjZ%aI@W_!!rjVdkEsHM@l<3{99~;7rul|n|UWm&hNxnHA&6Q|AQx5Q4)g_*AF7bqO zi6@*(JmFm83Fi_|IG1?BxkTNkiDuyFcSnrlnn(mSH4&5(Wh311@DO%&zKpK7cjM5( z0~j6}%6pu}tE+Fo)&E_Cb&czx8l#6eH7akSmg{9G;Mu32M8~6BZDLKuqTemXp7%e% zqD6~QOt|Gbo!@dbE%~+3HBuhq+8=!wTiRM@EgHja+;By$ZlS7B>Z-dsccNq4R@-!2w9j@9yEY46w_;_{Ezb$17S}=6W@Xducj3Snhwl&M|tz)~M2+Z*PwgKLO z5A(*_9(-uVUX|g@tGXOfCR{g(_8N(2W+C;jP79V+tVu$}4wy1mtzTj9RbP8$=Zu!r z?yzdiJ71+nnQ&KMv&J!2ad$9Pf2!|>S@tLv>RGq++lA`Z<4CkNa?34k`QK#cZh)J7 z?n$#7Hf)7m@9cKm3ENByn<`Mc%f;oz2#M0Z&F+3&^!DtZ{`s3JnW);FR=$(ZOX1aI zRqTd+vn(q(tKLtdZ6x7UQ5JO^TOO~HaB;iz@~Qhyj%S>8dHYbMXpGUT_K(W-eu14R z12~rTQG&>3SdMdCs?9Wfy8Y`7r0I84}TtvOxcIQlvO59)-gDe4I-> z;auVg=Mqmiml(p0rM>T!Tgg~{^=LGm`=YNQ+>s$lww`o(#7#dllp+!PqPfQm;i75a z#3(!_Va>)&UylBMOyKl*?tWg3J9Y**8O5B3MH`^PH*0SvNwn`QMrG?&j|>BYr0jVW zKxF`P>TCKOsuJXRu>}9*h(IhwdXQj4la^=J!Yo`odoUcIxXpFq>6~bc%)nUJ%4O9k zdf<`AxFxFwD{(M;YzTMl<>DCqc@Z8u{OdrYsoZ_?($1SN72js>=Ou^ekGPX|^Sd#} z;pEUyp(>rVI3IdN3T@_dY@xsFYZ;=Il3VHIO%xxOP->Yo-32EHY6LKn)ay3><)1#f ky--zwry74RM$G5_1QP7;MW`x!4*&oF07*qoM6N<$f=aF=@&Et; literal 0 HcmV?d00001 diff --git a/src/components/Button/index.js b/src/components/Button/index.js index 49385b2..63ccf61 100644 --- a/src/components/Button/index.js +++ b/src/components/Button/index.js @@ -5,6 +5,7 @@ import { ActivityIndicator, StyleSheet, Dimensions, + Platform, } from 'react-native'; import {Colors, FONTS} from 'global-styles'; import {RFValue} from 'react-native-responsive-fontsize'; @@ -52,6 +53,7 @@ const styles = (isOutline, disabled) => fontFamily: FONTS.poppins[600], fontSize: RFValue(12.5), color: isOutline ? Colors.PRIMARY : Colors.WHITE, + marginTop: Platform.OS === 'android' ? width * 0.008 : 0, }, }); diff --git a/src/components/Input/_maps.js b/src/components/Input/_maps.js index 8491e43..3d9322c 100644 --- a/src/components/Input/_maps.js +++ b/src/components/Input/_maps.js @@ -251,7 +251,7 @@ const styles = StyleSheet.create({ justifyContent: 'flex-end', }, content: { - height: width * 1.9, + height: height / 1.2, backgroundColor: Colors.WHITE, // paddingVertical: width * 0.04, // paddingHorizontal: width * 0.05, @@ -363,6 +363,7 @@ const styles = StyleSheet.create({ paddingHorizontal: width * 0.05, borderTopLeftRadius: width * 0.04, borderTopRightRadius: width * 0.04, + justifyContent: 'flex-end', }, button: { backgroundColor: Colors.PRIMARY, diff --git a/src/components/Modal/ModalSetHours/index.js b/src/components/Modal/ModalSetHours/index.js new file mode 100644 index 0000000..526ddb6 --- /dev/null +++ b/src/components/Modal/ModalSetHours/index.js @@ -0,0 +1,98 @@ +import React, {useRef, useState} from 'react'; +import {View, Text, TouchableOpacity, TextInput} from 'react-native'; +import {Icon} from 'components'; +import Modal from 'react-native-modal'; +import {useTranslation} from 'react-i18next'; +import styles from './styles'; + +const ModalSetHours = props => { + const {t} = useTranslation(); + const {isVisible, onClose} = props; + const openRef = useRef(); + const closedRef = useRef(); + const [open, setOpen] = useState(''); + const [closed, setClosed] = useState(''); + + const handleFormatInput = (val, type) => { + const formattedValue = formatInput(val.replace(/[^0-9]/g, '')); + if (formattedValue.length < 6) { + if (type === 'open') { + setOpen(formattedValue); + if (formattedValue.length === 5) { + closedRef.current.focus(); + } + } else { + setClosed(formattedValue); + if (formattedValue.length === 0) { + openRef.current.focus(); + } + } + } + }; + + const formatInput = input => { + if (input.length === 2) { + if (input > 24) { + return ''; + } + } + if (input.length === 5) { + let inputX = input.split(':'); + if (inputX[1] > 60) { + return inputX[0]; + } + } + if (input.length > 2 && input[2] !== ':') { + return input.substring(0, 2) + ':' + input.slice(2); + } + return input; + }; + return ( + + + + + + + {t('set_hours_text')} - Senin + + + handleFormatInput(val, 'open')} + maxLength={5} + /> + + - + + handleFormatInput(val, 'closed')} + maxLength={5} + /> + + + alert('saved')} + style={styles.modalButton}> + {t('save')} + + + + + ); +}; + +export default ModalSetHours; diff --git a/src/components/Modal/ModalSetHours/styles.js b/src/components/Modal/ModalSetHours/styles.js new file mode 100644 index 0000000..fe6ee81 --- /dev/null +++ b/src/components/Modal/ModalSetHours/styles.js @@ -0,0 +1,83 @@ +import {StyleSheet, Dimensions, Platform} from 'react-native'; +import {RFValue} from 'react-native-responsive-fontsize'; +import {Colors, FONTS} from 'global-styles'; +const {width} = Dimensions.get('window'); + +export default StyleSheet.create({ + modal: { + margin: 0, + }, + modalContainer: { + flex: 1, + margin: 0, + justifyContent: 'flex-end', + }, + modalContent: { + height: width / 1.4, + backgroundColor: Colors.WHITE, + paddingVertical: width * 0.04, + paddingHorizontal: width * 0.05, + borderTopLeftRadius: width * 0.05, + borderTopRightRadius: width * 0.05, + }, + modalButtonClose: { + backgroundColor: Colors.WHITE, + width: width * 0.09, + height: width * 0.09, + borderRadius: width, + marginBottom: width * 0.03, + alignSelf: 'flex-end', + marginRight: width * 0.03, + alignItems: 'center', + justifyContent: 'center', + }, + modalButtonCloseIcon: { + fontSize: RFValue(20), + color: Colors.TEXT, + }, + modalTitle: { + fontFamily: FONTS.poppins[600], + fontSize: RFValue(13), + color: Colors.TEXT, + }, + modalSection: { + flex: 1, + flexDirection: 'row', + alignItems: 'center', + justifyContent: 'center', + alignSelf: 'center', + }, + inputStrip: { + fontSize: RFValue(20), + color: Colors.TEXT, + marginHorizontal: width * 0.02, + }, + inputSection: { + width: width * 0.23, + // borderWidth: 1, + // borderColor: Colors.LINE_STROKE, + alignItems: 'center', + justifyContent: 'center', + }, + input: { + width: '100%', + flex: 1, + fontSize: RFValue(30), + fontFamily: FONTS.poppins[600], + color: Colors.TEXT, + }, + modalButton: { + backgroundColor: Colors.PRIMARY, + height: width * 0.11, + borderRadius: width * 0.015, + alignItems: 'center', + justifyContent: 'center', + marginBottom: width * 0.05, + }, + modalButtonTitle: { + fontFamily: FONTS.poppins[500], + color: Colors.WHITE, + fontSize: RFValue(12), + marginTop: width * 0.005, + }, +}); diff --git a/src/components/index.js b/src/components/index.js index 238f8fc..30f322d 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -8,6 +8,7 @@ import Button from './Button'; import Header from './Header'; import Input from './Input'; import Note from './Note'; +import ModalSetHours from './Modal/ModalSetHours'; export { Container, @@ -20,4 +21,5 @@ export { Header, Input, Note, + ModalSetHours, }; diff --git a/src/constants/translations/en/common.js b/src/constants/translations/en/common.js index 93cafd0..7ae52ec 100644 --- a/src/constants/translations/en/common.js +++ b/src/constants/translations/en/common.js @@ -42,4 +42,7 @@ export default { account_holder_name_text: 'Account holder name', bank_name_text: 'Bank name', account_number_text: 'Account number', + operational_time_title: 'Operational Time', + operational_hours_same_every_day_text: 'The operating hours are the same every day', + set_hours_text: 'Set Hours', }; diff --git a/src/constants/translations/id/common.js b/src/constants/translations/id/common.js index 1897426..b35f9b0 100644 --- a/src/constants/translations/id/common.js +++ b/src/constants/translations/id/common.js @@ -42,4 +42,7 @@ export default { account_holder_name_text: 'Nama pemilik rekening', bank_name_text: 'Nama bank', account_number_text: 'No.Rekening', + operational_time_title: 'Jam Operasional', + operational_hours_same_every_day_text: 'Jam operasional yang sama setiap hari', + set_hours_text: 'Atur Jam', }; diff --git a/src/navigations/auth-navigator.js b/src/navigations/auth-navigator.js index fabaf9e..08a40d9 100644 --- a/src/navigations/auth-navigator.js +++ b/src/navigations/auth-navigator.js @@ -8,6 +8,7 @@ import { BusinessSummary, OutletSummary, BankAccount, + OperationalTime, } from 'scenes'; const AuthStack = createNativeStackNavigator(); @@ -21,6 +22,7 @@ const AuthStackScreen = () => { + ); }; diff --git a/src/scenes/Login/styles.js b/src/scenes/Login/styles.js index 8602b5f..106646d 100644 --- a/src/scenes/Login/styles.js +++ b/src/scenes/Login/styles.js @@ -10,12 +10,12 @@ export default StyleSheet.create({ }, boardingSection: { - flex: 1.5, + flex: 1.2, justifyContent: 'space-between', }, boardingImage: { - width: width * 0.8, - height: width * 0.8, + width: width * 0.7, + height: width * 0.7, alignSelf: 'center', }, boardingContentSection: { @@ -36,6 +36,7 @@ export default StyleSheet.create({ wrapper: { flex: 1, + backgroundColor: Colors.WHITE, }, //form section diff --git a/src/scenes/Register/BusinessProfileRegistration/BankAccount/styles.js b/src/scenes/Register/BusinessProfileRegistration/BankAccount/styles.js index 0360f73..4bba8b3 100644 --- a/src/scenes/Register/BusinessProfileRegistration/BankAccount/styles.js +++ b/src/scenes/Register/BusinessProfileRegistration/BankAccount/styles.js @@ -7,6 +7,7 @@ export default StyleSheet.create({ container: { flex: 1, paddingHorizontal: width * 0.05, + paddingBottom: width * 0.04, }, infoSection: { marginTop: width * 0.03, diff --git a/src/scenes/Register/BusinessProfileRegistration/BusinessSummary/styles.js b/src/scenes/Register/BusinessProfileRegistration/BusinessSummary/styles.js index 0360f73..4bba8b3 100644 --- a/src/scenes/Register/BusinessProfileRegistration/BusinessSummary/styles.js +++ b/src/scenes/Register/BusinessProfileRegistration/BusinessSummary/styles.js @@ -7,6 +7,7 @@ export default StyleSheet.create({ container: { flex: 1, paddingHorizontal: width * 0.05, + paddingBottom: width * 0.04, }, infoSection: { marginTop: width * 0.03, diff --git a/src/scenes/Register/BusinessProfileRegistration/OperationalTime/index.js b/src/scenes/Register/BusinessProfileRegistration/OperationalTime/index.js new file mode 100644 index 0000000..6d2f5f6 --- /dev/null +++ b/src/scenes/Register/BusinessProfileRegistration/OperationalTime/index.js @@ -0,0 +1,186 @@ +import React, {useState} from 'react'; +import { + View, + Text, + ScrollView, + Switch, + TouchableOpacity, + TextInput, + Image, + Platform, +} from 'react-native'; +import {Container, Header, ModalSetHours, Button, Icon} from 'components'; +import {Colors} from 'global-styles'; +import {useTranslation} from 'react-i18next'; +import styles from './styles'; + +const DAYS = [ + { + name: 'Senin', + time: '06:00 - 12:00', + closed: false, + icon: require('assets/images/days/senin.png'), + }, + { + name: 'Selasa', + time: '06:00 - 12:00', + closed: false, + icon: require('assets/images/days/selasa.png'), + }, + { + name: 'Rabu', + time: '06:00 - 12:00', + closed: false, + icon: require('assets/images/days/rabu.png'), + }, + { + name: 'Kamis', + time: '00:00', + closed: true, + icon: require('assets/images/days/kamis.png'), + }, + { + name: 'Jumat', + time: '00:00', + closed: true, + icon: require('assets/images/days/jumat.png'), + }, + { + name: 'Sabtu', + time: '06:00 - 12:00', + closed: false, + icon: require('assets/images/days/sabtu.png'), + }, + { + name: 'Minggu', + time: '06:00 - 12:00', + closed: true, + icon: require('assets/images/days/minggu.png'), + }, +]; + +const RenderInputHours = ({label, editable}) => { + const [value, setValue] = useState(''); + const handleFormatInput = val => { + const formattedValue = formatInput(val); + if (formattedValue.length < 6) { + setValue(formattedValue); + } + }; + + const formatInput = input => { + if (input.length === 2) { + if (input > 24) { + return ''; + } + } + if (input.length === 5) { + let inputX = input.split(':'); + if (inputX[1] > 60) { + return inputX[0]; + } + } + if (input.length > 2 && input[2] !== ':') { + return input.substring(0, 2) + ':' + input.slice(2); + } + return input; + }; + + return ( + + {label} + handleFormatInput(val)} + keyboardType="decimal-pad" + style={styles.inputHourItem} + /> + + ); +}; + +const OperationalTime = ({navigation}) => { + const {t} = useTranslation(); + const [checked, setChecked] = useState(false); + const [isEnabled, setIsEnabled] = useState(false); + const [modal, setModal] = useState(false); + const toggleSwitch = () => setIsEnabled(previousState => !previousState); + + return ( + +
+ + + + + setChecked(!checked)} + activeOpacity={0.5} + style={styles.checkboxSection}> + + + + + {t('operational_hours_same_every_day_text')} + + + + 24 Jam + + + + + + + + + {DAYS.map((item, index) => ( + + + + + {item.name} + + {item.closed ? 'Tutup' : item.time} + + + setModal(true)}> + Ubah + + + + ))} + + +